diff --git a/src/App.vue b/src/App.vue
index dae7f01..662f1f6 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -9,9 +9,9 @@ import { getTheme } from '@/settingsManager'
 const dev = import.meta.env.DEV
 </script>
 
-<template class="h-full flex flex-row">
-  <div :class="getTheme()" class="bg-primary">
-    <dev-warning v-if="dev"></dev-warning>
+<template>
+  <dev-warning v-if="dev"></dev-warning>
+  <div :class="getTheme()" class="flex flex-col justify-between min-h-[100vh] bg-primary">
     <navbar-item></navbar-item>
 
     <Suspense>
diff --git a/src/components/DevWarning.vue b/src/components/DevWarning.vue
index b7c9136..a1ac4ee 100644
--- a/src/components/DevWarning.vue
+++ b/src/components/DevWarning.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="rounded-lg z-50 flex m-3 mt-0 h-20 bg-amber-400 border-4 border-amber-600">
+  <div class="z-50 flex h-20 bg-amber-400 border-4 border-amber-600">
     <div class="m-auto">
       <h1 class="font-bold text-2xl">SafeTwitch is currently in development mode.</h1>
     </div>