diff --git a/package.json b/package.json
index e3ae3b6..0105885 100644
--- a/package.json
+++ b/package.json
@@ -26,7 +26,7 @@
     "lint-staged": {
         "src/**/*.{js,jsx,ts,tsx}": [
             "eslint",
-            "prettier --write",
+            "prettier --write --tab-width 4",
             "git add"
         ],
         "src/**/*.{json,css,scss,md}": [
diff --git a/src/App.tsx b/src/App.tsx
index ec1db69..a4c2df7 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -20,12 +20,12 @@ import "./App.scss";
 import SingleColumn from "./layouts/SingleColumn";
 
 const App: React.FC = () => {
-  return (
-    <SingleColumn>
-      <div className="topSpacer" />
-      <div className="bottomSpacer" />
-    </SingleColumn>
-  );
+    return (
+        <SingleColumn>
+            <div className="topSpacer" />
+            <div className="bottomSpacer" />
+        </SingleColumn>
+    );
 };
 
 export default App;
diff --git a/src/index.tsx b/src/index.tsx
index 0e9ec1e..d55556b 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -4,8 +4,8 @@ import "./index.scss";
 import App from "./App";
 
 ReactDOM.render(
-  <React.StrictMode>
-    <App />
-  </React.StrictMode>,
-  document.getElementById("root")
+    <React.StrictMode>
+        <App />
+    </React.StrictMode>,
+    document.getElementById("root")
 );
diff --git a/src/layouts/SingleColumn.tsx b/src/layouts/SingleColumn.tsx
index 406d170..bacc1e6 100644
--- a/src/layouts/SingleColumn.tsx
+++ b/src/layouts/SingleColumn.tsx
@@ -19,11 +19,11 @@ import React from "react";
 import "./SingleColumn.scss";
 
 interface IProps {
-  children?: React.ReactNode;
+    children?: React.ReactNode;
 }
 
 const SingleColumn: React.FC<IProps> = (props: IProps) => {
-  return <div className="singleColumnLayout">{props.children}</div>;
+    return <div className="singleColumnLayout">{props.children}</div>;
 };
 
 export default SingleColumn;