diff --git a/components/LinkViews/LinkComponents/LinkCard.tsx b/components/LinkViews/LinkComponents/LinkCard.tsx
index a1787d1..0c55add 100644
--- a/components/LinkViews/LinkComponents/LinkCard.tsx
+++ b/components/LinkViews/LinkComponents/LinkCard.tsx
@@ -62,7 +62,7 @@ export default function LinkCard({ link, count, className }: Props) {
         className="flex flex-col justify-between cursor-pointer h-full w-full gap-1 p-3"
       >
         <div className="absolute bottom-3 right-3">
-          <LinkIcon link={link} />
+          <LinkIcon link={link} className="w-12" />
         </div>
 
         <div className="flex items-baseline gap-1">
diff --git a/components/LinkViews/LinkComponents/LinkCardGrid.tsx b/components/LinkViews/LinkComponents/LinkCardGrid.tsx
index ae4c77a..a57ef95 100644
--- a/components/LinkViews/LinkComponents/LinkCardGrid.tsx
+++ b/components/LinkViews/LinkComponents/LinkCardGrid.tsx
@@ -53,7 +53,7 @@ export default function LinkCardGrid({ link, count, className }: Props) {
         className="flex items-center cursor-pointer p-3"
       >
         <div className="shrink-0">
-          <LinkIcon link={link} />
+          <LinkIcon link={link} className="w-12" />
         </div>
 
         <div className="w-[calc(100%-56px)] ml-2">
diff --git a/components/LinkViews/LinkComponents/LinkIcon.tsx b/components/LinkViews/LinkComponents/LinkIcon.tsx
index cc5f385..f89979a 100644
--- a/components/LinkViews/LinkComponents/LinkIcon.tsx
+++ b/components/LinkViews/LinkComponents/LinkIcon.tsx
@@ -6,14 +6,18 @@ import isValidUrl from "@/lib/shared/isValidUrl";
 
 export default function LinkIcon({
   link,
+  className,
 }: {
   link: LinkIncludingShortenedCollectionAndTags;
+  className?: string;
 }) {
   const url =
     isValidUrl(link.url || "") && link.url ? new URL(link.url) : undefined;
 
   const iconClasses: string =
-    "w-12 bg-white text-primary shadow rounded-md p-1 select-none z-10";
+    "bg-white text-primary shadow rounded-md border-[2px] border-white select-none z-10" +
+      " " +
+      className || "";
 
   return (
     <div>
diff --git a/components/LinkViews/LinkComponents/LinkRow.tsx b/components/LinkViews/LinkComponents/LinkRow.tsx
index 6b9fda8..79ececa 100644
--- a/components/LinkViews/LinkComponents/LinkRow.tsx
+++ b/components/LinkViews/LinkComponents/LinkRow.tsx
@@ -53,7 +53,7 @@ export default function LinkCardCompact({ link, count, className }: Props) {
           className="flex items-center cursor-pointer p-3"
         >
           <div className="shrink-0">
-            <LinkIcon link={link} />
+            <LinkIcon link={link} className="sm:w-12 w-8" />
           </div>
 
           <div className="w-[calc(100%-56px)] ml-2">