frontend/layouts/default.vue

@@ -248,15 +248,16 @@ const footerLinks = computed(() => [
           <div class="flex-1"/>
 
           <template #footer>
-            <div class="flex flex-col gap-3 w-full">
 
-              <UColorModeButton/>
-              <LabelPrinterButton/>
+            <div class="flex flex-col gap-3">
 
-              <UDashboardSidebarLinks :links="footerLinks"/>
+              <UColorModeToggle class="ml-3"/>
+              <LabelPrinterButton class="w-full"/>
 
-              <UDivider class="sticky bottom-0"/>
-              <UserDropdown style="margin-bottom: env(safe-area-inset-bottom, 10px) !important;"/>
+              <UDashboardSidebarLinks :links="footerLinks" class="w-full"/>
+
+              <UDivider class="sticky bottom-0 w-full"/>
+              <UserDropdown style="margin-bottom: env(safe-area-inset-bottom, 10px) !important;" class="w-full"/>
             </div>
           </template>
         </UDashboardSidebar>