diff --git a/aimenet-web/src/components/aime-card.tsx b/aimenet-web/src/components/aime-card.tsx
index 7a9b442..06d09ec 100644
--- a/aimenet-web/src/components/aime-card.tsx
+++ b/aimenet-web/src/components/aime-card.tsx
@@ -18,7 +18,7 @@ export function AimeCardEntry(props: AMCardActionProps & { card: AimeCard, child
                 </AMCardDetail>
             )}
             <AMCardDetail>
-                <CreditCard className="h-5 w-5"/>
+                <CreditCard className="h-5 w-5 cursor-pointer" onClick={() => navigator.clipboard.writeText(props.card.id)}/>
                 <code>{isDesktop
                     ? props.card.id.match(/.{1,4}/g)?.join(" ")
                     : `•••• ${props.card.id.substring(props.card.id.length - 4)}`}
diff --git a/aimenet-web/src/components/am-card.tsx b/aimenet-web/src/components/am-card.tsx
index c28727f..f22540f 100644
--- a/aimenet-web/src/components/am-card.tsx
+++ b/aimenet-web/src/components/am-card.tsx
@@ -34,7 +34,7 @@ export function AMCard(props: AMCardActionProps & { title: string, titlePerforms
 
 export function AMCardDetail(props: { children?: Readonly<React.ReactNode> }) {
     return (
-        <div className="inline-flex items-center max-w-full gap-2 text-gray-500">
+        <div className="inline-flex items-center max-w-full gap-2 text-gray-500 select-none md:select-text">
             {props.children}
         </div>
     )