diff --git a/apps/app/src/layouts/components/DefaultLayoutWithVerticalNav.vue b/apps/app/src/layouts/components/DefaultLayoutWithVerticalNav.vue
index 01c730be..970cc62f 100644
--- a/apps/app/src/layouts/components/DefaultLayoutWithVerticalNav.vue
+++ b/apps/app/src/layouts/components/DefaultLayoutWithVerticalNav.vue
@@ -101,13 +101,18 @@ import { VerticalNavLayout } from '@layouts'
 </template>
 
 <style scoped>
-/* Push sidebar, navbar, and content below the fixed 48px impersonation banner */
+/*
+ * Push sidebar, navbar, and content below the fixed 48px impersonation banner.
+ * !important is needed because VerticalNavLayout's unscoped styles are injected
+ * after this component's scoped styles (child renders after parent), so equal-
+ * specificity rules from Vuexy win without it.
+ */
 .impersonation-active :deep(.layout-vertical-nav) {
-  inset-block-start: 48px;
-  block-size: calc(100% - 48px);
+  inset-block-start: 48px !important;
+  block-size: calc(100% - 48px) !important;
 }
 
-.impersonation-active :deep(.layout-navbar-sticky .layout-navbar) {
-  inset-block-start: 48px;
+.impersonation-active :deep(.layout-navbar) {
+  inset-block-start: 48px !important;
 }
 </style>