diff --git a/src/components/SectionHero/SectionHero.css b/src/components/SectionHero/SectionHero.css
index c5eb07c9..fe373e87 100644
--- a/src/components/SectionHero/SectionHero.css
+++ b/src/components/SectionHero/SectionHero.css
@@ -52,22 +52,22 @@
 .heroContent {
   margin: 0 24px 0 24px;
 
-	@media (--viewportMedium) {
-		margin: 0 7.5vw 0 7.5vw;
-	}
+  @media (--viewportMedium) {
+    margin: 0 7.5vw 0 7.5vw;
+  }
 
-	/* Special viewport for adjusting the heroContent's placement */
+  /* Special viewport for adjusting the heroContent's placement */
 
-	@media only screen and (min-width: 1025px) and (max-width: 1366px) {
-		padding: 0 36px 0 36px;
-	}
+  @media only screen and (min-width: 1025px) and (max-width: 1366px) {
+    padding: 0 36px 0 36px;
+  }
 
-	@media only screen and (min-width: 1367px) {
-		margin: 0 auto;
-		max-width: calc(1052px + 36px + 36px);
-		width: 100%;
-		padding: 0 36px 0 36px;
-	}
+  @media only screen and (min-width: 1367px) {
+    margin: 0 auto;
+    max-width: calc(1052px + 36px + 36px);
+    width: 100%;
+    padding: 0 36px 0 36px;
+  }
 }
 
 .heroMainTitle {
@@ -98,7 +98,7 @@
 }
 
 .heroButton {
-	@apply --marketplaceButtonStyles;
+  @apply --marketplaceButtonStyles;
   @apply --SectionHero_animation;
 
   animation-delay: 0.8s;
diff --git a/src/components/SectionHero/SectionHero.js b/src/components/SectionHero/SectionHero.js
index 7d3e5e16..2a019b3d 100644
--- a/src/components/SectionHero/SectionHero.js
+++ b/src/components/SectionHero/SectionHero.js
@@ -13,14 +13,14 @@ const SectionHero = props => {
 
   return (
     <div className={classes}>
-	<div className={css.heroContent}>
-	      <h1 className={css.heroMainTitle}>
-	        <FormattedMessage id="SectionHero.title" />
-	      </h1>
-	      <h2 className={css.heroSubTitle}>
-	        <FormattedMessage id="SectionHero.subTitle" />
-	      </h2>
-	      <NamedLink
+      <div className={css.heroContent}>
+        <h1 className={css.heroMainTitle}>
+          <FormattedMessage id="SectionHero.title" />
+        </h1>
+        <h2 className={css.heroSubTitle}>
+          <FormattedMessage id="SectionHero.subTitle" />
+        </h2>
+        <NamedLink
           name="SearchPage"
           to={{
             search:
@@ -30,7 +30,7 @@ const SectionHero = props => {
         >
           <FormattedMessage id="SectionHero.browseButton" />
         </NamedLink>
-	     </div>
+      </div>
     </div>
   );
 };
diff --git a/src/containers/LandingPage/LandingPage.css b/src/containers/LandingPage/LandingPage.css
index b99cb1f0..05350a9f 100644
--- a/src/containers/LandingPage/LandingPage.css
+++ b/src/containers/LandingPage/LandingPage.css
@@ -36,7 +36,7 @@
   }
 
   @media (--viewportLarge) {
-	  max-height: 800px;
+    max-height: 800px;
     min-height: 600px;
     height: calc(70vh - var(--topbarHeightDesktop));
   }
@@ -96,8 +96,8 @@
 }
 
 .sectionContentFirstChild {
-	composes: sectionContent;
-	margin-top: 3vh;
+  composes: sectionContent;
+  margin-top: 3vh;
 }
 
 /* A bar on top of light sections */