diff --git a/src/features/settings/views/SettingsView.vue b/src/features/settings/views/SettingsView.vue
index abf3cb2..921114c 100644
--- a/src/features/settings/views/SettingsView.vue
+++ b/src/features/settings/views/SettingsView.vue
@@ -84,16 +84,16 @@ onMounted(async () => {
                     </li>
                 </ul>
             </template>
-            <div class="settings-main-content">
-                <div v-if="!settingsLoaded">
-                    {{ t('loading') }}
-                </div>
-                <div v-else-if="activeSection">
+            <div v-if="!settingsLoaded">
+                {{ t('loading') }}
+            </div>
+            <div v-else-if="activeSection">
+                <div class="settings-main-content">
                     <SettingsPage :setting="activeSectionContent" :path="activeSection" />
                 </div>
-                <div v-else>
-                    {{ t('settings.noSectionSelected') }}
-                </div>
+            </div>
+            <div v-else>
+                {{ t('settings.noSectionSelected') }}
             </div>
         </LeftSidebarLayout>
     </div>