changed classNames

pages/links/[id].tsx

@@ -165,7 +165,7 @@ export default function Index() {
                   height={42}
                   alt=""
                   id={"favicon-" + link.id}
-                  className="select-none mt-2 w-10 rounded-md shadow border-[3px] border-white dark:border-neutral-900 bg-white dark:bg-neutral-900 aspect-square"
+                  className="select-none mt-2 w-10 rounded-md shadow border-[3px] border-base-100 bg-base-100 aspect-square"
                   draggable="false"
                   onLoad={(e) => {
                     try {

pages/links/index.tsx

@@ -37,7 +37,7 @@ export default function Links() {
             <div
               onClick={() => setSortDropdown(!sortDropdown)}
               id="sort-dropdown"
-              className="inline-flex rounded-md cursor-pointer hover:bg-slate-200 hover:dark:bg-neutral-700 duration-100 p-1"
+              className="btn btn-ghost btn-square btn-sm"
             >
               <FontAwesomeIcon
                 icon={faSort}

pages/links/pinned.tsx

@@ -37,7 +37,7 @@ export default function PinnedLinks() {
             <div
               onClick={() => setSortDropdown(!sortDropdown)}
               id="sort-dropdown"
-              className="inline-flex rounded-md cursor-pointer hover:bg-slate-200 hover:dark:bg-neutral-700 duration-100 p-1"
+              className="btn btn-ghost btn-square btn-sm"
             >
               <FontAwesomeIcon
                 icon={faSort}