diff --git a/apps/docs/src/app/ui/ui.component.html b/apps/docs/src/app/ui/ui.component.html
index a1cb9321..a6d2a8d3 100644
--- a/apps/docs/src/app/ui/ui.component.html
+++ b/apps/docs/src/app/ui/ui.component.html
@@ -1,7 +1,7 @@
 <section class="antialiased dark:bg-gray-900 min-h-screen">
   <flowbite-navbar
     isFixed
-    [customStyle]="{ base: 'flex flex-wrap items-center justify-between p-4 2xl:px-60' }">
+    [customStyle]="{ root: { base: 'flex flex-wrap items-center justify-between p-4 2xl:px-60' } }">
     <flowbite-navbar-brand routerLink="/">
       <flowbite-icon
         class="h-8"