minor fix

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">

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">

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>

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">