diff --git a/ui/assets/css/main.css b/ui/assets/css/main.css
index 9a0fc52ba..fd29e756a 100644
--- a/ui/assets/css/main.css
+++ b/ui/assets/css/main.css
@@ -148,3 +148,13 @@ hr {
   overflow: hidden;
   text-overflow: ellipsis
 }
+
+#app {
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+}
+
+.fl-1 {
+  flex: 1;
+}
\ No newline at end of file
diff --git a/ui/src/index.tsx b/ui/src/index.tsx
index 41404f4ba..5eeb3038b 100644
--- a/ui/src/index.tsx
+++ b/ui/src/index.tsx
@@ -36,7 +36,7 @@ class Index extends Component<any, any> {
       <Provider i18next={i18n}>
         <BrowserRouter>
           <Navbar />
-          <div class="mt-4 p-0">
+          <div class="mt-4 p-0 fl-1">
             <Switch>
               <Route exact path={`/`} component={Main} />
               <Route