diff --git a/src/App.js b/src/App.js
index f3a207a..a285e68 100755
--- a/src/App.js
+++ b/src/App.js
@@ -13,16 +13,14 @@ export function App() {
   return (
     <div aria-live="polite">
       <Navbar />
-      <div className="App">
-        <BrowserRouter>
-          <main>
-            <Routes>
-              <Route exact path="/" element={<ContentPage />} />
-            </Routes>
-          </main>
-        </BrowserRouter>
-        <Footer />
-      </div>
+      <BrowserRouter>
+        <main className="main">
+          <Routes>
+            <Route exact path="/" element={<ContentPage />} />
+          </Routes>
+        </main>
+      </BrowserRouter>
+      <Footer />
     </div>
   );
 }
diff --git a/src/styles/components/_app.scss b/src/styles/components/_app.scss
deleted file mode 100755
index 4d58b42..0000000
--- a/src/styles/components/_app.scss
+++ /dev/null
@@ -1,7 +0,0 @@
-.App {
-  min-height: 90vh;
-}
-
-.main-content {
-  padding: 2vw 3vw;
-}
diff --git a/src/styles/custom.scss b/src/styles/custom.scss
index e8585f2..6756784 100755
--- a/src/styles/custom.scss
+++ b/src/styles/custom.scss
@@ -8,7 +8,11 @@ $theme-colors: map-merge($theme-colors, $custom-colors);
 @import './src/styles/components/_brown_fonts.scss';
 @import './src/styles/components/_brown_icons.scss';
 @import './src/styles/components/_brown_footer.scss';
-@import './src/styles/components/_app.scss';
+
+.main {
+  min-height: 90vh;
+  padding: 2vw 3vw;
+}
 
 .form-group.required > .form-label:after {
   content: ' *';