diff --git a/frontend/components/global/product/ProductCard.vue b/frontend/components/global/product/ProductCard.vue
index 60643be..f052258 100644
--- a/frontend/components/global/product/ProductCard.vue
+++ b/frontend/components/global/product/ProductCard.vue
@@ -40,7 +40,7 @@ const limitedColors = computed(() => {
         <NuxtLink :to="'/product/' + id">
             <div class="@container group">
                 <div
-                    class="group relative size-full aspect-square rounded-xl @[280px]:rounded-2xl bg-white brightness-[95%] overflow-hidden p-6"
+                    class="group relative size-full aspect-square rounded-2xl bg-white brightness-[95%] overflow-hidden p-6"
                 >
                     <NuxtImg
                         :id="`product-image-${id}`"
@@ -69,7 +69,7 @@ const limitedColors = computed(() => {
                         class="absolute opacity-0 group-hover:opacity-100 bg-gradient-to-t transition-all group-hover:from-black/30 to-transparent inset-x-0 bottom-0 pb-4 @[280px]:pb-6 px-4 @[280px]:px-6 flex flex-row-reverse justify-between items-end z-10"
                     >
                         <div
-                            class="items-center flex gap-2 @[280px]:mt-1  transition-all translate-y-1 group-hover:translate-y-0 "
+                            class="items-center flex gap-2 @[280px]:mt-1 transition-all translate-y-1 group-hover:translate-y-0"
                         >
                             <ColorCircle
                                 v-for="color in limitedColors"