diff --git a/src/components/Ad.vue b/src/components/Ad.vue
index 0a84d9e..5a224be 100644
--- a/src/components/Ad.vue
+++ b/src/components/Ad.vue
@@ -26,6 +26,8 @@ export default {
           return 'bg-red-300'
         case 'blue':
           return 'bg-blue-300'
+        case 'rose':
+          return 'bg-rose-300'
       }
     })
 
diff --git a/src/components/AdPreview.vue b/src/components/AdPreview.vue
index 9192e65..bdd3568 100644
--- a/src/components/AdPreview.vue
+++ b/src/components/AdPreview.vue
@@ -2,7 +2,7 @@
   <div class="w-full my-12">
     <div class="space-x-12 flex items-center justify-center">
       <nuxt-link to="/uses" class="h-84 w-1/2">
-        <Ad class="h-full w-full flex flex-col justify-between">
+        <Ad color="rose" class="h-full w-full flex flex-col justify-between">
           <div>
             ILLUSTRATION
           </div>