diff --git a/src/components/App.tsx b/src/components/App.tsx
index 94d2010a..ad3badc6 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -14,10 +14,10 @@ function App(): JSX.Element {
         <div>
             <Container fluid className="vh-100 d-flex flex-column">
                 <Row>
-                    <Col xs={12} md={8}>
+                    <Col xs={12} md={8} className="outer-container-col">
                         <Container
                             fluid
-                            className="vh-100 d-flex flex-column"
+                            className="vh-100 d-flex flex-column inner-container-col"
                         >
                             <Row>
                                 <Col>
diff --git a/src/index.scss b/src/index.scss
index 5162395d..25e038eb 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -10,3 +10,12 @@ $body-bg: #0088ce;
 .Terminal {
     height: 15vh;
 }
+
+.outer-container-col {
+    padding: 0px;
+}
+
+.inner-container-col {
+    padding: 0px;
+    padding-right: 8px;
+}