diff --git a/app/components/content/ReadMore.vue b/app/components/content/ReadMore.vue
index 2225f24..73c0d3c 100644
--- a/app/components/content/ReadMore.vue
+++ b/app/components/content/ReadMore.vue
@@ -17,15 +17,15 @@ const {
   variant = 'subtle',
   title,
   icon = 'lucide:bookmark',
+  color = 'primary',
 } = defineProps<{
-  color?: string;
+  color?: 'primary' | 'error' | 'secondary' | 'success' | 'info' | 'warning' | 'neutral';
   description?: string;
   title?: string;
   to?: string;
   icon?: string;
   iconSize?: string;
-  variant?: string;
-
+  variant?: 'subtle' | 'solid' | 'outline' | 'soft';
 }>();
 
 </script>