diff --git a/ui/src/App.vue b/ui/src/App.vue
index 5c6be96..3dcefbc 100644
--- a/ui/src/App.vue
+++ b/ui/src/App.vue
@@ -1,5 +1,5 @@
 <template>
-  <div id="app" :class="{ 'sl-theme-dark': prefersDark }">
+  <div id="root" :class="{ 'sl-theme-dark': prefersDark }">
     <header>
       <Header />
     </header>
@@ -60,7 +60,7 @@ html {
 
 html,
 body,
-#app {
+#root {
   height: calc(100% - 1rem);
 
   font-family: var(--default-font);
@@ -68,7 +68,7 @@ body,
   background: var(--background);
 }
 
-#app {
+#root {
   color: var(--foreground);
 
   display: flex;