diff --git a/src/assets/style/primevue-style/navigation.css b/src/assets/style/primevue-style/navigation.css
new file mode 100644
index 0000000..be00589
--- /dev/null
+++ b/src/assets/style/primevue-style/navigation.css
@@ -0,0 +1,23 @@
+:root{
+  --p-navigation-submenu-icon-size: 0.875rem;
+  --p-navigation-submenu-label-padding: var(--menu-padding);
+  --p-navigation-submenu-label-font-weight: 600;
+  --p-navigation-item-padding: var(--menu-padding);
+  --p-navigation-item-border-radius: var(--p-border-radius-sm);
+  --p-navigation-item-gap: var(--menu-item-gap);
+  --p-navigation-list-padding: var(--menu-padding);
+  --p-navigation-list-gap: var(--menu-gap);
+  --p-navigation-submenu-icon-color: var(--menu-default-color);
+  --p-navigation-submenu-icon-focus-color: var(--menu-active-color);
+  --p-navigation-submenu-icon-active-color: var(--menu-active-color);
+  --p-navigation-submenu-label-background: var(--menu-default-background);
+  --p-navigation-submenu-label-color: var(--menu-default-color);
+  --p-navigation-item-focus-background: var(--menu-active-color);
+  --p-navigation-item-active-background: var(--menu-active-color);
+  --p-navigation-item-color: var(--menu-default-color);
+  --p-navigation-item-focus-color: var(--menu-active-color);
+  --p-navigation-item-active-color: var(--menu-active-color);
+  --p-navigation-item-icon-color: var(--menu-default-color);
+  --p-navigation-item-icon-focus-color: var(--menu-active-color);
+  --p-navigation-item-icon-active-color: var(--menu-active-color);
+}