style: fill entire width confirm product details (#870)

bosonprotocol · Oct 10, 2023 · 94b2f69 · 94b2f69
1 parent b845d73
commit 94b2f69
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/components/product/confirmProductDetailsPage/ConfirmProductDetails.styles.tsx b/src/components/product/confirmProductDetailsPage/ConfirmProductDetails.styles.tsx
@@ -8,9 +8,9 @@ import styled from "styled-components";
 import { ContainerProductPage, ProductButtonGroup } from "../Product.styles";
 
 export const ConfirmProductDetailsContainer = styled(ContainerProductPage)`
-  max-width: 65.588rem;
-  margin: 0 auto;
-  padding-bottom: 10.875rem;
+  ${breakpoint.m} {
+    max-width: unset;
+  }
 `;
 
 export const CollapseContainer = styled.div`

diff --git a/src/pages/create-product/AgreeToTermsAndSellerAgreement.tsx b/src/pages/create-product/AgreeToTermsAndSellerAgreement.tsx
@@ -32,7 +32,7 @@ export const AgreeToTermsAndSellerAgreement: React.FC<
   });
 
   return (
-    <Grid flexDirection="column">
+    <Grid flexDirection="column" alignItems="flex-start">
       <Checkbox
         name="confirmProductDetails.acceptsTerms"
         text={