Fix scss indent

package.json

@@ -30,7 +30,7 @@
             "git add"
         ],
         "src/**/*.{json,css,scss,md}": [
-            "prettier --write",
+            "prettier --write --tab-width 4",
             "git add"
         ]
     },

src/App.scss

@@ -15,19 +15,19 @@ limitations under the License.
 */
 
 @mixin spacer {
-  width: 100%;
-  flex-grow: 1;
-  flex-shrink: 0;
+    width: 100%;
+    flex-grow: 1;
+    flex-shrink: 0;
 }
 
 .topSpacer {
-  @include spacer;
+    @include spacer;
 
-  height: 30vh;
+    height: 30vh;
 }
 
 .bottomSpacer {
-  @include spacer;
+    @include spacer;
 
-  height: 10vh;
+    height: 10vh;
 }

src/index.scss

@@ -19,8 +19,8 @@ limitations under the License.
 // CSS reset
 
 * {
-  box-sizing: border-box;
-  margin: 0;
+    box-sizing: border-box;
+    margin: 0;
 }
 
 // Styling for universal elements
@@ -28,19 +28,19 @@ limitations under the License.
 html,
 body,
 #root {
-  height: 100%;
-  width: 100%;
+    height: 100%;
+    width: 100%;
 
-  font-family: Helvetica Neue;
-  font-style: normal;
+    font-family: Helvetica Neue;
+    font-style: normal;
 
-  background-color: $app-background;
-  color: $font;
+    background-color: $app-background;
+    color: $font;
 }
 
 h1 {
-  font-weight: bold;
-  font-size: 24px;
-  line-height: 32px;
-  text-align: center;
+    font-weight: bold;
+    font-size: 24px;
+    line-height: 32px;
+    text-align: center;
 }

src/layouts/SingleColumn.scss

@@ -1,11 +1,11 @@
 .singleColumnLayout {
-  height: 100%;
+    height: 100%;
 
-  padding: 0 1em;
-  margin: 0 auto;
+    padding: 0 1em;
+    margin: 0 auto;
 
-  max-width: 550px;
+    max-width: 550px;
 
-  display: flex;
-  flex-direction: column;
+    display: flex;
+    flex-direction: column;
 }