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