Stretch Box component when text content short

the-programmers-hangout · Sep 17, 2020 · a07e0af · a07e0af
1 parent e0b1641
commit a07e0af
Showing 1 changed file with 2 additions and 5 deletions.
diff --git a/src/components/HeaderBarebone/styles.tsx b/src/components/HeaderBarebone/styles.tsx
@@ -9,10 +9,10 @@ export const HeaderWrapper = styled.div`
   position: relative;
   display: flex;
   justify-content: center;
+  padding: 0 32px;
 
   @media screen and (max-width: 1200px) {
     width: 100% !important;
-    padding-right: 0 !important;
   }
 
   @media screen and (max-width: 767px) {
@@ -76,13 +76,10 @@ export const Box = styled.div`
   padding: 16px;
   margin: 16px;
   backdrop-filter: blur(14px);
+  width: 100%;
   max-width: 650px;
   z-index: 1;
 
-  @media screen and (max-width: 1200px) {
-    max-width: 100%;
-  }
-
   @media screen and (max-width: 767px) {
     position: static;
     bottom: auto;