diff --git a/src/components/Hero/Hero.tsx b/src/components/Hero/Hero.tsx
index cfb8570..d26409a 100644
--- a/src/components/Hero/Hero.tsx
+++ b/src/components/Hero/Hero.tsx
@@ -9,7 +9,7 @@ const Container = styled.div`
   justify-content: space-between;
   position: relative;
   padding: 0;
-  min-height: 87vh;
+  min-height: 75vh;
 
   section {
     padding: 2rem 6rem;
diff --git a/src/components/Hero/HeroPrimarySection.tsx b/src/components/Hero/HeroPrimarySection.tsx
index 7130931..555df48 100644
--- a/src/components/Hero/HeroPrimarySection.tsx
+++ b/src/components/Hero/HeroPrimarySection.tsx
@@ -10,8 +10,7 @@ interface HeroPrimarySectionProps {
 
 const Section = styled.section`
   max-width: 50%;
-  margin: auto;
-  display: inline;
+  margin: 10vh auto 0;
   text-align: center;
 
   @media screen and (max-width: ${breakpoints.mobile}) {