diff --git a/components/LinkList.tsx b/components/LinkCard.tsx
similarity index 100%
rename from components/LinkList.tsx
rename to components/LinkCard.tsx
diff --git a/components/PublicPage/LinkList.tsx b/components/PublicPage/LinkCard.tsx
similarity index 100%
rename from components/PublicPage/LinkList.tsx
rename to components/PublicPage/LinkCard.tsx
diff --git a/components/Sidebar.tsx b/components/Sidebar.tsx
index 9e694bb..1487e1a 100644
--- a/components/Sidebar.tsx
+++ b/components/Sidebar.tsx
@@ -21,6 +21,7 @@ export default function ({ className }: { className?: string }) {
   const [active, setActive] = useState("");
 
   useEffect(() => {
+    console.log(window.location.hash);
     setActive(router.asPath);
   }, [router, collections]);
 
diff --git a/components/SubmitButton.tsx b/components/SubmitButton.tsx
index a022afe..486bab1 100644
--- a/components/SubmitButton.tsx
+++ b/components/SubmitButton.tsx
@@ -17,7 +17,7 @@ export default function SubmitButton({
 }: Props) {
   return (
     <div
-      className={`bg-sky-500 text-white flex items-center gap-2 py-2 px-5 rounded-xl select-none font-bold cursor-pointer duration-100 hover:bg-sky-400 w-fit ${className}`}
+      className={`bg-sky-500 text-white flex items-center gap-2 py-2 px-5 rounded-md select-none font-bold cursor-pointer duration-100 hover:bg-sky-400 w-fit ${className}`}
       onClick={onClick as MouseEventHandler<HTMLDivElement>}
     >
       <FontAwesomeIcon icon={icon} className="h-5" />
diff --git a/pages/collections/[id].tsx b/pages/collections/[id].tsx
index 3566e81..1d9c115 100644
--- a/pages/collections/[id].tsx
+++ b/pages/collections/[id].tsx
@@ -1,5 +1,5 @@
 import Dropdown from "@/components/Dropdown";
-import LinkList from "@/components/LinkList";
+import LinkCard from "@/components/LinkCard";
 import Modal from "@/components/Modal";
 import LinkModal from "@/components/Modal/LinkModal";
 import CollectionInfo from "@/components/Modal/Collection/CollectionInfo";
@@ -282,7 +282,7 @@ export default function () {
         </div>
         <div className="grid 2xl:grid-cols-3 xl:grid-cols-2 gap-5">
           {sortedLinks.map((e, i) => {
-            return <LinkList key={i} link={e} count={i} />;
+            return <LinkCard key={i} link={e} count={i} />;
           })}
         </div>
       </div>
diff --git a/pages/links.tsx b/pages/links.tsx
index c7fa67f..3dff77a 100644
--- a/pages/links.tsx
+++ b/pages/links.tsx
@@ -1,6 +1,4 @@
-import ClickAwayHandler from "@/components/ClickAwayHandler";
-import LinkList from "@/components/LinkList";
-import RadioButton from "@/components/RadioButton";
+import LinkCard from "@/components/LinkCard";
 import SortLinkDropdown from "@/components/SortLinkDropdown";
 import MainLayout from "@/layouts/MainLayout";
 import useLinkStore from "@/store/links";
@@ -86,7 +84,7 @@ export default function Links() {
         </div>
         <div className="grid 2xl:grid-cols-3 xl:grid-cols-2 gap-5">
           {sortedLinks.map((e, i) => {
-            return <LinkList key={i} link={e} count={i} />;
+            return <LinkCard key={i} link={e} count={i} />;
           })}
         </div>
       </div>
diff --git a/pages/public/collections/[id].tsx b/pages/public/collections/[id].tsx
index 92c2b12..6e1eeae 100644
--- a/pages/public/collections/[id].tsx
+++ b/pages/public/collections/[id].tsx
@@ -1,4 +1,4 @@
-import LinkList from "@/components/PublicPage/LinkList";
+import LinkCard from "@/components/PublicPage/LinkCard";
 import getPublicCollectionData from "@/lib/client/getPublicCollectionData";
 import { PublicCollectionIncludingLinks } from "@/types/global";
 import { useRouter } from "next/router";
@@ -47,7 +47,7 @@ export default function PublicCollections() {
 
       <div className="flex flex-col gap-5 my-8">
         {data?.links.map((e, i) => {
-          return <LinkList key={i} link={e} count={i} />;
+          return <LinkCard key={i} link={e} count={i} />;
         })}
       </div>
 
diff --git a/pages/search/[query].tsx b/pages/search/[query].tsx
index 9dfc405..b8b3709 100644
--- a/pages/search/[query].tsx
+++ b/pages/search/[query].tsx
@@ -1,5 +1,5 @@
 import FilterSearchDropdown from "@/components/FilterSearchDropdown";
-import LinkList from "@/components/LinkList";
+import LinkCard from "@/components/LinkCard";
 import SortLinkDropdown from "@/components/SortLinkDropdown";
 import MainLayout from "@/layouts/MainLayout";
 import useLinkStore from "@/store/links";
@@ -152,7 +152,7 @@ export default function Links() {
         </div>
         {sortedLinks[0] ? (
           sortedLinks.map((e, i) => {
-            return <LinkList key={i} link={e} count={i} />;
+            return <LinkCard key={i} link={e} count={i} />;
           })
         ) : (
           <p className="text-sky-900">
diff --git a/pages/tags/[id].tsx b/pages/tags/[id].tsx
index adea5c6..9722426 100644
--- a/pages/tags/[id].tsx
+++ b/pages/tags/[id].tsx
@@ -1,4 +1,4 @@
-import LinkList from "@/components/LinkList";
+import LinkCard from "@/components/LinkCard";
 import useLinkStore from "@/store/links";
 import { faHashtag, faSort } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
@@ -103,7 +103,7 @@ export default function () {
         </div>
         <div className="grid 2xl:grid-cols-3 xl:grid-cols-2 gap-5">
           {sortedLinks.map((e, i) => {
-            return <LinkList key={i} link={e} count={i} />;
+            return <LinkCard key={i} link={e} count={i} />;
           })}
         </div>
       </div>