diff --git a/components/core/Featurebar/Featurebar.tsx b/components/core/Featurebar/Featurebar.tsx
index b616cc148..0f77fece6 100644
--- a/components/core/Featurebar/Featurebar.tsx
+++ b/components/core/Featurebar/Featurebar.tsx
@@ -6,12 +6,20 @@ interface Props {
   className?: string
   title: string
   description: string
+  hide?: boolean
   action?: React.ReactNode
 }
 
-const Featurebar: FC<Props> = ({ title, description, className, action }) => {
+const Featurebar: FC<Props> = ({
+  title,
+  description,
+  className,
+  action,
+  hide,
+}) => {
   const rootClassName = cn(
     'transition-transform transform duration-500 ease-out p-6 bg-primary text-base text-sm md:flex flex-row justify-center items-center font-medium fixed bottom-0 w-full z-10',
+    { 'translate-y-full': hide },
     className
   )
   return (
diff --git a/components/core/Layout/Layout.tsx b/components/core/Layout/Layout.tsx
index 76adc4630..e6e45fb26 100644
--- a/components/core/Layout/Layout.tsx
+++ b/components/core/Layout/Layout.tsx
@@ -38,7 +38,7 @@ const Layout: FC<Props> = ({ children, pageProps }) => {
               Accept cookies
             </Button>
           }
-          className={cn({ 'translate-y-full': acceptedCookies })}
+          className={cn({ ['translate-y-full']: acceptedCookies })}
         />
       </div>
     </CommerceProvider>