diff --git a/assets/global.css b/assets/global.css
index 1c030c6ad..6f4a9297f 100644
--- a/assets/global.css
+++ b/assets/global.css
@@ -23,7 +23,7 @@
 }
 
 .fit {
-  min-height: calc(100vh - 200px);
+  min-height: calc(100vh - 300px);
 }
 
 *,
diff --git a/components/product/ProductView/ProductView.tsx b/components/product/ProductView/ProductView.tsx
index 4280d3175..5f4b7a354 100644
--- a/components/product/ProductView/ProductView.tsx
+++ b/components/product/ProductView/ProductView.tsx
@@ -44,7 +44,7 @@ const ProductView: FC<Props> = ({ product, className }) => {
 
   return (
     <Container>
-      <div className="relative flex flex-row items-start overflow-hidden">
+      <div className="relative flex flex-row items-start overflow-hidden fit">
         <div className="absolute top-0 left-0 z-50">
           <h1 className="px-6 py-2 bg-violet text-white font-bold text-3xl">
             {product.name}
@@ -55,7 +55,7 @@ const ProductView: FC<Props> = ({ product, className }) => {
             {product.prices?.price.currencyCode}
           </div>
         </div>
-        <div className="flex-1 p-24 relative fit overflow-hidden box-border">
+        <div className="flex-1 px-24 pb-0 relative fit overflow-hidden box-border">
           <div className="absolute z-10 inset-0 flex items-center justify-center">
             <img
               className="w-full object-cover"
@@ -105,7 +105,7 @@ const ProductView: FC<Props> = ({ product, className }) => {
               dangerouslySetInnerHTML={{ __html: product.description }}
             />
           </section>
-          <section className="pb-4">
+          <section className="">
             <Button type="button" className={s.button} onClick={addToCart}>
               Add to Cart
             </Button>