diff --git a/components/product/ProductView/ProductView.module.css b/components/product/ProductView/ProductView.module.css
index c3dd37294..d1ee26e09 100644
--- a/components/product/ProductView/ProductView.module.css
+++ b/components/product/ProductView/ProductView.module.css
@@ -1,5 +1,5 @@
 .root {
-  @apply flex flex-row h-screen py-12;
+  @apply flex flex-row h-screen py-12 px-6;
 }
 
 .button {
diff --git a/components/ui/Container/Container.module.css b/components/ui/Container/Container.module.css
deleted file mode 100644
index c16930f28..000000000
--- a/components/ui/Container/Container.module.css
+++ /dev/null
@@ -1,5 +0,0 @@
-.root {
-  @apply mx-auto max-w-screen-xl mx-auto px-6 sm:px-4 lg:px-10;
-  display: inherit;
-  max-width: 1440px;
-}
diff --git a/components/ui/Container/Container.tsx b/components/ui/Container/Container.tsx
index 8fd100a51..9be8b75ab 100644
--- a/components/ui/Container/Container.tsx
+++ b/components/ui/Container/Container.tsx
@@ -1,6 +1,5 @@
 import cn from 'classnames'
 import React, { FC } from 'react'
-import s from './Container.module.css'
 
 interface Props {
   className?: string
@@ -9,7 +8,7 @@ interface Props {
 }
 
 const Container: FC<Props> = ({ children, className, el = 'div' }) => {
-  const rootClassName = cn(s.root, className)
+  const rootClassName = cn('mx-auto max-w-screen-xl', className)
 
   let Component: React.ComponentType<React.HTMLAttributes<
     HTMLDivElement