diff --git a/frontend/src/components/banner/topBanner.js b/frontend/src/components/banner/topBanner.js
index 9ca7b94538..6dfcab64c8 100644
--- a/frontend/src/components/banner/topBanner.js
+++ b/frontend/src/components/banner/topBanner.js
@@ -9,7 +9,7 @@ export function TopBanner() {
   const [, error, data] = useFetchWithAbort(`system/banner/`);
 
   return (
-    <div>
+    <>
       {location.pathname === '/' && data.visible && !error && (
         <div className="ph3 b--grey-light bb bg-tan top-banner-container">
           <div
@@ -18,6 +18,6 @@ export function TopBanner() {
           />
         </div>
       )}
-    </div>
+    </>
   );
 }
diff --git a/frontend/src/views/root.js b/frontend/src/views/root.js
index 643039aca7..73d47e5304 100644
--- a/frontend/src/views/root.js
+++ b/frontend/src/views/root.js
@@ -11,10 +11,7 @@ import { Footer } from '../components/footer';
 // Components common to all routes can be included in <App>
 export function Root() {
   return (
-    <div
-      className="min-vh-100-l"
-      style={{ display: 'grid', gridTemplateRows: 'auto auto 1fr auto' }}
-    >
+    <div className="flex flex-column">
       <TopBanner />
       <Header />
       <QueryParamProvider adapter={ReactRouter6Adapter}>