diff --git a/components/core/Featurebar/Featurebar.module.css b/components/core/Featurebar/Featurebar.module.css
index 85ee6b96f..eb1fedf10 100644
--- a/components/core/Featurebar/Featurebar.module.css
+++ b/components/core/Featurebar/Featurebar.module.css
@@ -1,3 +1,3 @@
 .root {
-  @apply transition-transform transform duration-500 text-center ease-out p-6 bg-primary text-base text-sm md:flex md:text-left flex-row justify-center items-center font-medium fixed bottom-0 w-full z-30;
+  @apply text-center p-6 bg-primary text-base text-sm md:flex md:text-left flex-row justify-center items-center font-medium fixed bottom-0 w-full z-30;
 }
diff --git a/components/core/Featurebar/Featurebar.tsx b/components/core/Featurebar/Featurebar.tsx
index 26db6c76c..6d5b88a0f 100644
--- a/components/core/Featurebar/Featurebar.tsx
+++ b/components/core/Featurebar/Featurebar.tsx
@@ -18,7 +18,13 @@ const Featurebar: FC<Props> = ({
   action,
   hide,
 }) => {
-  const rootClassName = cn(s.root, { 'translate-y-full': hide }, className)
+  const rootClassName = cn(
+    s.root,
+    {
+      'transition-transform transform duration-500 ease-out translate-y-full': hide,
+    },
+    className
+  )
   return (
     <div className={rootClassName}>
       <span className="block md:inline">{title}</span>
diff --git a/components/product/ProductView/ProductView.module.css b/components/product/ProductView/ProductView.module.css
index 14338732b..ab35a1566 100644
--- a/components/product/ProductView/ProductView.module.css
+++ b/components/product/ProductView/ProductView.module.css
@@ -47,7 +47,7 @@
   @screen lg {
     & .name,
     & .price {
-      @apply bg-hover-1 text-white;
+      @apply bg-violet-light text-white;
     }
   }
 }