diff --git a/app/(tabs)/(folder)/folder-add-url.tsx b/app/(tabs)/(folder)/folder-add-url.tsx
index 5e8538e..a81062e 100644
--- a/app/(tabs)/(folder)/folder-add-url.tsx
+++ b/app/(tabs)/(folder)/folder-add-url.tsx
@@ -8,43 +8,12 @@ import {
 import { router, Stack, useLocalSearchParams } from 'expo-router';
 
 import { Button } from '@/components/ui/button';
-import { CardLink } from '@/components/ui/card-link';
-import { SelectionCircle } from '@/components/ui/selection-circle';
+import { SelectableLinkCard } from '@/components/ui/selectable-link-card';
 import { Colors, Typography } from '@/constants/theme';
 import { getFolderErrorMessage, useFolders } from '@/context/folders-context';
-import { useSavedLinks, type SavedLink } from '@/context/saved-links-context';
+import { useSavedLinks } from '@/context/saved-links-context';
 import { showAlert } from '@/utils/guarded-alert';
 
-// ─── Selectable card row ──────────────────────────────────────────────────────
-
-interface SelectableCardProps {
-  link: SavedLink;
-  selected: boolean;
-  onToggle: (id: number) => void;
-}
-
-function SelectableCard({ link, selected, onToggle }: SelectableCardProps) {
-  return (
-    <View style={styles.cardRow}>
-      <CardLink
-        verdict={link.verdict}
-        title={link.title}
-        originalUrl={link.originalUrl}
-        finalUrl={link.finalUrl}
-        bookmarked={link.isBookmarked}
-        icon={false}
-        onPress={() => onToggle(link.id)}
-      />
-      {selected && (
-        <View style={styles.selectedOverlay} pointerEvents="none" />
-      )}
-      <View style={styles.checkOverlay} pointerEvents="none">
-        <SelectionCircle selected={selected} />
-      </View>
-    </View>
-  );
-}
-
 // ─── Screen ───────────────────────────────────────────────────────────────────
 
 export default function FolderAddUrlScreen() {
@@ -135,7 +104,7 @@ export default function FolderAddUrlScreen() {
             data={uncategorizedLinks}
             keyExtractor={(item) => String(item.id)}
             renderItem={({ item }) => (
-              <SelectableCard
+              <SelectableLinkCard
                 link={item}
                 selected={selectedIds.has(item.id)}
                 onToggle={toggleSelect}
@@ -219,25 +188,6 @@ const styles = StyleSheet.create({
     height: 8,
   },
 
-  cardRow: {
-    position: 'relative',
-    borderRadius: 22,
-    overflow: 'hidden',
-  },
-  selectedOverlay: {
-    position: 'absolute',
-    inset: 0,
-    borderRadius: 22,
-    backgroundColor: Colors.brand.overlaySelected,
-  },
-  checkOverlay: {
-    position: 'absolute',
-    right: 16,
-    top: 0,
-    bottom: 0,
-    justifyContent: 'center',
-  },
-
   emptyState: {
     flex: 1,
     alignItems: 'center',
diff --git a/app/(tabs)/(folder)/folder-url-select.tsx b/app/(tabs)/(folder)/folder-url-select.tsx
index 4293d52..9423262 100644
--- a/app/(tabs)/(folder)/folder-url-select.tsx
+++ b/app/(tabs)/(folder)/folder-url-select.tsx
@@ -8,44 +8,12 @@ import {
 import { router, Stack, useLocalSearchParams } from 'expo-router';
 
 import { Button } from '@/components/ui/button';
-import { CardLink } from '@/components/ui/card-link';
-import { SelectionCircle } from '@/components/ui/selection-circle';
+import { SelectableLinkCard } from '@/components/ui/selectable-link-card';
 import { Colors, Typography } from '@/constants/theme';
 import { getFolderErrorMessage, useFolders } from '@/context/folders-context';
-import { useSavedLinks, type SavedLink } from '@/context/saved-links-context';
+import { useSavedLinks } from '@/context/saved-links-context';
 import { showAlert } from '@/utils/guarded-alert';
 
-// ─── Selectable card row ──────────────────────────────────────────────────────
-
-interface SelectableCardProps {
-  link: SavedLink;
-  selected: boolean;
-  onToggle: (id: number) => void;
-}
-
-function SelectableCard({ link, selected, onToggle }: SelectableCardProps) {
-  return (
-    <View style={styles.cardRow}>
-      <CardLink
-        verdict={link.verdict}
-        title={link.title}
-        originalUrl={link.originalUrl}
-        finalUrl={link.finalUrl}
-        bookmarked={link.isBookmarked}
-        icon={false}
-        onPress={() => onToggle(link.id)}
-      />
-      {/* 선택 시 카드 위에 어두운 오버레이 */}
-      {selected && (
-        <View style={styles.selectedOverlay} pointerEvents="none" />
-      )}
-      <View style={styles.checkOverlay} pointerEvents="none">
-        <SelectionCircle selected={selected} />
-      </View>
-    </View>
-  );
-}
-
 // ─── Screen ───────────────────────────────────────────────────────────────────
 
 export default function FolderUrlSelectScreen() {
@@ -139,7 +107,7 @@ export default function FolderUrlSelectScreen() {
             data={links}
             keyExtractor={(item) => String(item.id)}
             renderItem={({ item }) => (
-              <SelectableCard
+              <SelectableLinkCard
                 link={item}
                 selected={selectedIds.has(item.id)}
                 onToggle={toggleSelect}
@@ -226,26 +194,6 @@ const styles = StyleSheet.create({
     height: 8,
   },
 
-  // Selectable card
-  cardRow: {
-    position: 'relative',
-    borderRadius: 22,
-    overflow: 'hidden',
-  },
-  selectedOverlay: {
-    position: 'absolute',
-    inset: 0,
-    borderRadius: 22,
-    backgroundColor: Colors.brand.overlaySelected,
-  },
-  checkOverlay: {
-    position: 'absolute',
-    right: 16,
-    top: 0,
-    bottom: 0,
-    justifyContent: 'center',
-  },
-
   emptyState: {
     flex: 1,
     alignItems: 'center',
diff --git a/components/ui/selectable-link-card.tsx b/components/ui/selectable-link-card.tsx
new file mode 100644
index 0000000..f944c6e
--- /dev/null
+++ b/components/ui/selectable-link-card.tsx
@@ -0,0 +1,62 @@
+import { StyleSheet, View } from 'react-native';
+
+import { Colors } from '@/constants/theme';
+import type { SavedLink } from '@/context/saved-links-context';
+import { CardLink } from './card-link';
+import { SelectionCircle } from './selection-circle';
+
+interface SelectableLinkCardProps {
+  link: SavedLink;
+  selected: boolean;
+  onToggle: (id: number) => void;
+}
+
+export function SelectableLinkCard({ link, selected, onToggle }: SelectableLinkCardProps) {
+  return (
+    <View style={styles.selectableCard}>
+      <View style={styles.cardLayer}>
+        <CardLink
+          verdict={link.verdict}
+          title={link.title}
+          originalUrl={link.originalUrl}
+          finalUrl={link.finalUrl}
+          bookmarked={link.isBookmarked}
+          icon={false}
+          onPress={() => onToggle(link.id)}
+        />
+        {selected && (
+          <View style={styles.selectedOverlay} pointerEvents="none" />
+        )}
+      </View>
+      <View style={styles.checkOverlay} pointerEvents="none">
+        <SelectionCircle selected={selected} />
+      </View>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  selectableCard: {
+    position: 'relative',
+  },
+  cardLayer: {
+    position: 'relative',
+    borderRadius: 22,
+    overflow: 'hidden',
+  },
+  selectedOverlay: {
+    position: 'absolute',
+    inset: 0,
+    borderRadius: 22,
+    backgroundColor: Colors.brand.overlaySelected,
+  },
+  checkOverlay: {
+    position: 'absolute',
+    right: 16,
+    top: 0,
+    bottom: 0,
+    justifyContent: 'center',
+    zIndex: 10,
+    elevation: 10,
+  },
+});
diff --git a/components/ui/selection-circle.tsx b/components/ui/selection-circle.tsx
index c75c7de..2915d30 100644
--- a/components/ui/selection-circle.tsx
+++ b/components/ui/selection-circle.tsx
@@ -30,6 +30,7 @@ const styles = StyleSheet.create({
     borderRadius: CIRCLE_SIZE / 2,
     alignItems: 'center',
     justifyContent: 'center',
+    overflow: 'visible',
   },
   unselected: {
     backgroundColor: Colors.brand.surface,