diff --git a/app/layouts/dashboard.vue b/app/layouts/dashboard.vue
index 046bdc9..6742267 100644
--- a/app/layouts/dashboard.vue
+++ b/app/layouts/dashboard.vue
@@ -25,6 +25,7 @@ const nav : NavigationMenuItem[][] = [[
 <template>
   <UDashboardGroup>
     <DashboardSidebar collapsible resizable :items="nav"/>
+    
     <UDashboardSidebarCollapse />
 
     <UContainer class="overflow-auto">
diff --git a/app/pages/dashboard.vue b/app/pages/dashboard.vue
index 6c65771..2690b50 100644
--- a/app/pages/dashboard.vue
+++ b/app/pages/dashboard.vue
@@ -122,11 +122,8 @@ import { h } from 'vue'
 </script>
 
 <template>
-    <UHeader title="Dashboard" toggle-side="left" >
-      <template #toggle>
-        <UDashboardSidebarToggle />
-      </template>
-    </UHeader>
+  <DashboardHeader title="Dashboard"/>
+
     <div class="mt-3 mb-3 flex flex-col w-full relative z-0">
       <ProseH2 class="text-center m-0.5 w-full">Hey there, user!</ProseH2>
       <ProseP class="text-center text-muted m-0.5">Welcome to the UI!</ProseP>
diff --git a/app/pages/settings/index.vue b/app/pages/settings/index.vue
index 51d8949..7444b09 100644
--- a/app/pages/settings/index.vue
+++ b/app/pages/settings/index.vue
@@ -1,4 +1,4 @@
-<script setup lang="ts">
+ <script setup lang="ts">
   definePageMeta({
     layout: "dashboard"
   })
@@ -22,12 +22,8 @@
 </script>
 
 <template>
-  <UHeader toggle-side="left" class="justify-center text-center" title="Settings">
-    <template #toggle>
-      <UDashboardSidebarToggle />
-      <!-- <UDashboardSidebarCollapse /> -->
-    </template>
-  </UHeader>
+  <DashboardHeader title="Settings" />
+  
   <UNavigationMenu :items="settings_submenu" />
 
 
diff --git a/app/pages/settings/profile.vue b/app/pages/settings/profile.vue
index d6fb526..a1696df 100644
--- a/app/pages/settings/profile.vue
+++ b/app/pages/settings/profile.vue
@@ -5,7 +5,7 @@ definePageMeta({
 </script>
 
 <template>
-
+    <DashboardHeader title="Profile" />
 </template>
 
 <style scoped>
diff --git a/app/pages/settings/security.vue b/app/pages/settings/security.vue
index d6fb526..2ca98a0 100644
--- a/app/pages/settings/security.vue
+++ b/app/pages/settings/security.vue
@@ -5,7 +5,8 @@ definePageMeta({
 </script>
 
 <template>
-
+  <DashboardHeader title="Security" />
+  
 </template>
 
 <style scoped>
diff --git a/app/pages/settings/ui.vue b/app/pages/settings/ui.vue
index d6fb526..70df8c5 100644
--- a/app/pages/settings/ui.vue
+++ b/app/pages/settings/ui.vue
@@ -5,7 +5,7 @@ definePageMeta({
 </script>
 
 <template>
-
+    <DashboardHeader title="Customization" />
 </template>
 
 <style scoped>