diff --git a/package.json b/package.json
index 18f9ab87..5b1e7f7d 100644
--- a/package.json
+++ b/package.json
@@ -47,7 +47,7 @@
   "scripts": {
     "build": "gatsby build",
     "develop": "gatsby develop",
-    "format": "prettier --write \"**/*.{js,jsx,ts,tsx,md,html,css}\"",
+    "format": "prettier --write \"**/*.{js,jsx,ts,tsx,md,html,css,scss}\"",
     "start": "yarn run develop",
     "serve": "gatsby serve",
     "clean": "gatsby clean"
@@ -58,7 +58,7 @@
     }
   },
   "lint-staged": {
-    "*.{js,jsx,ts,tsx,md,html,css}": "prettier --write"
+    "*.{js,jsx,ts,tsx,md,html,css,scss}": "prettier --write"
   },
   "repository": {
     "type": "git",
diff --git a/src/components/App/App.scss b/src/components/App/App.scss
index 9dac4b03..180ad136 100644
--- a/src/components/App/App.scss
+++ b/src/components/App/App.scss
@@ -1,4 +1,4 @@
-@import '../../variables.scss';
+@import "../../variables.scss";
 
 .app {
   position: relative;
diff --git a/src/components/CodeExamples/CodeExamples.scss b/src/components/CodeExamples/CodeExamples.scss
index f4ae1ead..ead04c2f 100644
--- a/src/components/CodeExamples/CodeExamples.scss
+++ b/src/components/CodeExamples/CodeExamples.scss
@@ -1,4 +1,4 @@
-@import '../../variables.scss';
+@import "../../variables.scss";
 
 .code-examples-tabs {
   border-top-left-radius: 12px;
diff --git a/src/components/FAQ/FAQ.scss b/src/components/FAQ/FAQ.scss
index 7ab70633..13b07ecf 100644
--- a/src/components/FAQ/FAQ.scss
+++ b/src/components/FAQ/FAQ.scss
@@ -1,4 +1,4 @@
-@import '../../variables.scss';
+@import "../../variables.scss";
 
 .faq {
   display: flex;
diff --git a/src/components/Footer/Footer.scss b/src/components/Footer/Footer.scss
index 38db77ed..e01e93a4 100644
--- a/src/components/Footer/Footer.scss
+++ b/src/components/Footer/Footer.scss
@@ -1,4 +1,4 @@
-@import '../../variables.scss';
+@import "../../variables.scss";
 
 .footer {
   background-color: #171917;
diff --git a/src/components/HomeBuilt/HomeBuilt.scss b/src/components/HomeBuilt/HomeBuilt.scss
index fe5b7733..4613ef2c 100644
--- a/src/components/HomeBuilt/HomeBuilt.scss
+++ b/src/components/HomeBuilt/HomeBuilt.scss
@@ -1,4 +1,4 @@
-@import '../../variables.scss';
+@import "../../variables.scss";
 
 .home-built {
   padding-top: 80px;
diff --git a/src/components/HomeNetwork/HomeNetwork.scss b/src/components/HomeNetwork/HomeNetwork.scss
index b4648dd3..d570da35 100644
--- a/src/components/HomeNetwork/HomeNetwork.scss
+++ b/src/components/HomeNetwork/HomeNetwork.scss
@@ -1,4 +1,4 @@
-@import '../../variables.scss';
+@import "../../variables.scss";
 
 .home-network {
   padding: 80px 0;
diff --git a/src/components/HomeSamples/HomeSamples.scss b/src/components/HomeSamples/HomeSamples.scss
index c8f81001..6aeb3008 100644
--- a/src/components/HomeSamples/HomeSamples.scss
+++ b/src/components/HomeSamples/HomeSamples.scss
@@ -1,4 +1,4 @@
-@import '../../variables.scss';
+@import "../../variables.scss";
 
 .home-samples {
   text-align: center;
diff --git a/src/components/HomeStay/HomeStay.scss b/src/components/HomeStay/HomeStay.scss
index c986b3e6..2da8c0de 100644
--- a/src/components/HomeStay/HomeStay.scss
+++ b/src/components/HomeStay/HomeStay.scss
@@ -1,4 +1,4 @@
-@import '../../variables.scss';
+@import "../../variables.scss";
 
 .home-stay-header {
   h2 {
diff --git a/src/components/HomeTop/HomeTop.scss b/src/components/HomeTop/HomeTop.scss
index e0100550..c37e98e9 100644
--- a/src/components/HomeTop/HomeTop.scss
+++ b/src/components/HomeTop/HomeTop.scss
@@ -20,13 +20,15 @@
     margin: 0 auto 35px;
   }
 
-  .wordmark, .logo {
+  .wordmark,
+  .logo {
     transform: translateY(40px);
     opacity: 0;
     transition: 1s transform, 1s opacity;
   }
 
-  &.active .wordmark, &.active .logo {
+  &.active .wordmark,
+  &.active .logo {
     transform: none;
     opacity: 1;
   }
diff --git a/src/components/HomeUpload/HomeUpload.scss b/src/components/HomeUpload/HomeUpload.scss
index 636de585..54d1caae 100644
--- a/src/components/HomeUpload/HomeUpload.scss
+++ b/src/components/HomeUpload/HomeUpload.scss
@@ -20,8 +20,7 @@
   transition: 0.2s background-color, 0.2s border, 0.2s color;
   background: $white;
   border-radius: 12px;
-  box-shadow: 0 8px 24px 0 rgba(90, 94, 91, 0.15),
-    0 2px 4px 0 rgba(0, 0, 0, 0.05);
+  box-shadow: 0 8px 24px 0 rgba(90, 94, 91, 0.15), 0 2px 4px 0 rgba(0, 0, 0, 0.05);
   padding: 16px;
   opacity: 0;
   transform: translateY(40px);
diff --git a/src/components/LoadingSpinner/LoadingSpinner.scss b/src/components/LoadingSpinner/LoadingSpinner.scss
index f2cf8596..21eadb3e 100644
--- a/src/components/LoadingSpinner/LoadingSpinner.scss
+++ b/src/components/LoadingSpinner/LoadingSpinner.scss
@@ -1,4 +1,4 @@
-@import '../../variables.scss';
+@import "../../variables.scss";
 
 @-webkit-keyframes spin {
   100% {
diff --git a/src/components/Mailing/Mailing.scss b/src/components/Mailing/Mailing.scss
index bb95a4a8..cb4b9813 100644
--- a/src/components/Mailing/Mailing.scss
+++ b/src/components/Mailing/Mailing.scss
@@ -1,4 +1,4 @@
-@import '../../variables.scss';
+@import "../../variables.scss";
 
 .home-stay-form {
   max-width: 342px;
@@ -18,7 +18,7 @@
     }
   }
 
-  input[type='email'] {
+  input[type="email"] {
     border-radius: 4px;
     box-shadow: 0 2px 4px 0 rgba(90, 94, 91, 0.1);
     border: solid 1px #cbd3cd;
@@ -34,7 +34,7 @@
     }
   }
 
-  input[type='checkbox'] {
+  input[type="checkbox"] {
     width: 20px;
     height: 20px;
     border-radius: 3px;
@@ -43,7 +43,7 @@
     display: inline-block;
     vertical-align: middle;
     margin: -2px 8px 0 0;
-    background-image: url('../../images/green-check.svg');
+    background-image: url("../../images/green-check.svg");
     background-repeat: no-repeat;
     background-size: 28px;
     background-position: top -300px center;
@@ -69,7 +69,7 @@
 }
 
 .home-stay-form.light {
-  input[type='email'] {
+  input[type="email"] {
     box-shadow: 0 2px 4px 0 rgba(90, 94, 91, 0.1);
     border-color: $white50;
     color: $white;
@@ -83,7 +83,7 @@
     }
   }
 
-  input[type='checkbox'] {
+  input[type="checkbox"] {
     border-color: $white50;
   }
 
diff --git a/src/components/Sample/Sample.scss b/src/components/Sample/Sample.scss
index e5e23aca..c9e18a0d 100644
--- a/src/components/Sample/Sample.scss
+++ b/src/components/Sample/Sample.scss
@@ -1,4 +1,4 @@
-@import '../../variables.scss';
+@import "../../variables.scss";
 
 .sample {
   display: block;
diff --git a/src/components/SocialLink/SocialLink.scss b/src/components/SocialLink/SocialLink.scss
index d861681f..ea01220a 100644
--- a/src/components/SocialLink/SocialLink.scss
+++ b/src/components/SocialLink/SocialLink.scss
@@ -1,4 +1,4 @@
-@import '../../variables.scss';
+@import "../../variables.scss";
 
 .social-link {
   display: flex;
diff --git a/src/variables.scss b/src/variables.scss
index 9b70a526..2373d2b9 100644
--- a/src/variables.scss
+++ b/src/variables.scss
@@ -31,8 +31,8 @@ $lightGray: #969a97;
 $red: #e65c5c;
 
 // fonts
-$font: 'Haas Grot Text', Helvetica, Arial, Sans-Serif;
-$font2: 'Haas Grot Disp', Helvetica, Arial, Sans-Serif;
+$font: "Haas Grot Text", Helvetica, Arial, Sans-Serif;
+$font2: "Haas Grot Disp", Helvetica, Arial, Sans-Serif;
 
 // Breakpoints
 $tinybp: 374px;