diff --git a/src/App.vue b/src/App.vue
index 839413a..070ab5c 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,7 +1,20 @@
 <script setup lang="ts">
+import { onMounted } from 'vue'
 import TitleBar from './components/TitleBar.vue'
 import NavRail from './components/NavRail.vue'
 import ToastNotification from './components/ToastNotification.vue'
+import { useSettingsStore } from './stores/settings'
+
+const settingsStore = useSettingsStore()
+
+onMounted(async () => {
+  await settingsStore.fetchSettings()
+  const zoom = parseInt(settingsStore.settings.ui_zoom) || 100
+  const app = document.getElementById('app')
+  if (app) {
+    (app.style as any).zoom = `${zoom}%`
+  }
+})
 </script>
 
 <template>