diff --git a/components/Card.tsx b/components/Card.tsx
index e3517bc..56c89ca 100644
--- a/components/Card.tsx
+++ b/components/Card.tsx
@@ -1,8 +1,8 @@
+import {ElementType, ReactNode} from 'react'
 import Link from 'next/link'
 import clsx from 'clsx'
-import {ElementType, ReactNode} from 'react'
 import {twMerge} from 'tailwind-merge'
-import {Props} from 'types'
+import {ChevronRightIcon} from '@/components/icons/ChevronRightIcon'
 
 type Card = {
     as?: ElementType
@@ -39,19 +39,6 @@ type CardEyebrow = {
     children: ReactNode
 }
 
-function ChevronRightIcon(props: Props) {
-    return (
-        <svg viewBox="0 0 16 16" fill="none" aria-hidden="true" {...props}>
-            <path
-                d="M6.75 5.75 9.25 8l-2.5 2.25"
-                strokeWidth="1.5"
-                strokeLinecap="round"
-                strokeLinejoin="round"
-            />
-        </svg>
-    )
-}
-
 export function Card({
                          as: Component = 'div',
                          variant = 'normal',
diff --git a/components/icons/ChevronRightIcon.tsx b/components/icons/ChevronRightIcon.tsx
new file mode 100644
index 0000000..114f9fc
--- /dev/null
+++ b/components/icons/ChevronRightIcon.tsx
@@ -0,0 +1,14 @@
+import {Props} from '@/types'
+
+export function ChevronRightIcon(props: Props) {
+    return (
+        <svg viewBox="0 0 16 16" fill="none" aria-hidden="true" {...props}>
+            <path
+                d="M6.75 5.75 9.25 8l-2.5 2.25"
+                strokeWidth="1.5"
+                strokeLinecap="round"
+                strokeLinejoin="round"
+            />
+        </svg>
+    )
+}
\ No newline at end of file