diff --git a/frontend/components/App/App.tsx b/frontend/components/App/App.tsx
index 4f3542afe7..a55b376d55 100644
--- a/frontend/components/App/App.tsx
+++ b/frontend/components/App/App.tsx
@@ -32,6 +32,8 @@ interface IAppProps {
     | undefined;
 }
 
+const baseClass = "app";
+
 const App = ({ children, location }: IAppProps): JSX.Element => {
   const queryClient = new QueryClient();
   const {
@@ -136,7 +138,6 @@ const App = ({ children, location }: IAppProps): JSX.Element => {
     return <Fleet500 />;
   };
 
-  const wrapperStyles = classnames("wrapper");
   return isLoading ? (
     <Spinner />
   ) : (
@@ -149,7 +150,7 @@ const App = ({ children, location }: IAppProps): JSX.Element => {
                 fallbackRender={renderErrorOverlay}
                 resetKeys={[location?.pathname]}
               >
-                <div className={wrapperStyles}>{children}</div>
+                <div className={baseClass}>{children}</div>
               </ErrorBoundary>
             </NotificationProvider>
           </PolicyProvider>
diff --git a/frontend/components/App/_styles.scss b/frontend/components/App/_styles.scss
new file mode 100644
index 0000000000..72499bcfcd
--- /dev/null
+++ b/frontend/components/App/_styles.scss
@@ -0,0 +1,8 @@
+.app {
+  background: $gradients-dark-gradient-vertical;
+  margin: 0;
+
+  & > div {
+      min-height: 100vh;
+  }
+}
diff --git a/frontend/styles/global/_global.scss b/frontend/styles/global/_global.scss
index 409a880f53..3680e2d9cf 100644
--- a/frontend/styles/global/_global.scss
+++ b/frontend/styles/global/_global.scss
@@ -38,11 +38,6 @@ body {
   }
 }
 
-.wrapper,
-.wrapper > div {
-  min-height: 100vh;
-}
-
 h1,
 h2,
 h3 {