From 6bc416eb74bcfdda122300036995d5bdfeff5cea Mon Sep 17 00:00:00 2001
From: paco <34928425+pacocoursey@users.noreply.github.com>
Date: Thu, 8 Oct 2020 14:17:20 -0600
Subject: [PATCH] Fix some paddings

---
 components/core/Navbar/Navbar.tsx  | 4 ++--
 components/ui/Hero/Hero.module.css | 3 ---
 components/ui/Hero/Hero.tsx        | 2 +-
 pages/index.tsx                    | 2 +-
 4 files changed, 4 insertions(+), 7 deletions(-)

diff --git a/components/core/Navbar/Navbar.tsx b/components/core/Navbar/Navbar.tsx
index f3ba6763d..740054cf0 100644
--- a/components/core/Navbar/Navbar.tsx
+++ b/components/core/Navbar/Navbar.tsx
@@ -14,7 +14,7 @@ const Navbar: FC<Props> = ({ className }) => {
   return (
     <div className={rootClassName}>
       <Container>
-        <div className="flex justify-between align-center flex-row px-6 py-4 md:py-6 relative">
+        <div className="flex justify-between align-center flex-row p-4 md:p-6 relative">
           <div className="flex flex-1 items-center">
             <Link href="/">
               <a className="cursor-pointer">
@@ -42,7 +42,7 @@ const Navbar: FC<Props> = ({ className }) => {
             <UserNav />
           </div>
         </div>
-        <div className="block flex pb-4 md:hidden px-6">
+        <div className="block flex pb-4 md:hidden px-4 md:px-6">
           <Searchbar />
         </div>
       </Container>
diff --git a/components/ui/Hero/Hero.module.css b/components/ui/Hero/Hero.module.css
index ee88ea18e..e69de29bb 100644
--- a/components/ui/Hero/Hero.module.css
+++ b/components/ui/Hero/Hero.module.css
@@ -1,3 +0,0 @@
-.root {
-  @apply bg-black py-12;
-}
diff --git a/components/ui/Hero/Hero.tsx b/components/ui/Hero/Hero.tsx
index d5df6b1d5..534270063 100644
--- a/components/ui/Hero/Hero.tsx
+++ b/components/ui/Hero/Hero.tsx
@@ -9,7 +9,7 @@ interface Props {
 }
 
 const Hero: FC<Props> = ({ headline, description, className }) => {
-  const rootClassName = cn(s.root, className)
+  const rootClassName = cn('bg-black py-12 px-4 md:px-6', className)
   return (
     <div className={rootClassName}>
       <Container>
diff --git a/pages/index.tsx b/pages/index.tsx
index 2866e7e4e..8fbbd97aa 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -38,7 +38,7 @@ export default function Home({
         variant="secondary"
         wrapper={(p: any) => <ProductCard {...p} variant="slim" />}
       />
-      <div className="py-12 flex flex-row w-full">
+      <div className="py-12 px-4 flex flex-row w-full">
         <div className="flex-0 pr-3 w-48 break-words">
           ALL CATEGORIES ACCESSORIES BAGS CLOTHING SHOES ALL DESIGNERS 032c 1017
         </div>