diff --git a/nuxt4-app/app/components/app/AppSidebar.vue b/nuxt4-app/app/components/app/AppSidebar.vue
index d7424ec..41dab94 100644
--- a/nuxt4-app/app/components/app/AppSidebar.vue
+++ b/nuxt4-app/app/components/app/AppSidebar.vue
@@ -47,14 +47,9 @@
         :collapsed="isCollapsed"
         :items="navigationPrimary"
         orientation="vertical"
+        color="success"
+        variant="pill"
         class="gap-1"
-        :ui="{
-          item: {
-            base: 'hover:text-[var(--brand-primary)] hover:bg-[var(--brand-primary)]/10',
-            active: 'bg-[var(--brand-success)]/15 text-[var(--brand-success)] border-l-2 border-[var(--brand-success)] font-medium',
-            inactive: 'text-[var(--brand-text-muted)] border-l-2 border-transparent'
-          }
-        }"
       />
 
     </template>