diff --git a/frontend/components/home/Hero.vue b/frontend/components/home/Hero.vue
index 5b8c4be..6c280eb 100644
--- a/frontend/components/home/Hero.vue
+++ b/frontend/components/home/Hero.vue
@@ -234,7 +234,8 @@ onUnmounted(() => {
                                             </span>
                                             <NuxtLink :to="slide.link">
                                                 <Button
-                                                    class="max-sm:hidden max-lg:typo-label-xs invert rounded-full hover:bg-transparent"
+                                                    variant="primary"
+                                                    class="max-sm:hidden max-lg:typo-label-xs px-7 rounded-full hover:bg-transparent"
                                                 >
                                                     مشاهده
                                                 </Button>