diff --git a/frontend/components/Base/Container.vue b/frontend/components/Base/Container.vue
index ba445a5f..bf5e7c5c 100644
--- a/frontend/components/Base/Container.vue
+++ b/frontend/components/Base/Container.vue
@@ -8,7 +8,7 @@
 </script>
 
 <template>
-  <component :is="cmp" class="container mx-auto max-w-6xl px-3">
+  <component :is="cmp" class="container mx-auto mt-10 max-w-6xl px-3">
     <slot />
   </component>
 </template>
diff --git a/frontend/composables/use-preferences.ts b/frontend/composables/use-preferences.ts
index 93f81ccb..8cb4b370 100644
--- a/frontend/composables/use-preferences.ts
+++ b/frontend/composables/use-preferences.ts
@@ -10,6 +10,7 @@ export type LocationViewPreferences = {
   itemDisplayView: ViewType;
   theme: DaisyTheme;
   itemsPerTablePage: number;
+  displayHeaderDecor: boolean;
 };
 
 /**
@@ -26,6 +27,7 @@ export function useViewPreferences(): Ref<LocationViewPreferences> {
       itemDisplayView: "card",
       theme: "homebox",
       itemsPerTablePage: 10,
+      displayHeaderDecor: true,
     },
     { mergeDefaults: true }
   );
diff --git a/frontend/layouts/default.vue b/frontend/layouts/default.vue
index 8305a5a1..b7b87389 100644
--- a/frontend/layouts/default.vue
+++ b/frontend/layouts/default.vue
@@ -13,7 +13,7 @@
     <div class="drawer drawer-mobile">
       <input id="my-drawer-2" v-model="drawerToggle" type="checkbox" class="drawer-toggle" />
       <div class="drawer-content justify-center bg-base-300 pt-20 lg:pt-0">
-        <AppHeaderDecor class="-mt-10 hidden lg:block" />
+        <AppHeaderDecor v-if="preferences.displayHeaderDecor" class="-mt-10 hidden lg:block" />
         <!-- Button -->
         <div class="navbar drawer-button fixed top-0 z-[99] bg-primary shadow-md lg:hidden">
           <label for="my-drawer-2" class="btn btn-square btn-ghost drawer-button text-base-100 lg:hidden">
@@ -111,6 +111,8 @@
   import MdiCog from "~icons/mdi/cog";
   const username = computed(() => authCtx.user?.name || "User");
 
+  const preferences = useViewPreferences();
+
   const pubApi = usePublicApi();
   const { data: status } = useAsyncData(async () => {
     const { data } = await pubApi.status();
diff --git a/frontend/locales/en.json b/frontend/locales/en.json
index 56c7fbca..d2b130d5 100644
--- a/frontend/locales/en.json
+++ b/frontend/locales/en.json
@@ -123,7 +123,8 @@
     "update_group": "Update Group",
     "url": "URL",
     "user_profile": "User Profile",
-    "user_profile_sub": "Invite users, and manage your account."
+    "user_profile_sub": "Invite users, and manage your account.",
+    "display_header": "{ currentValue, select, true {Hide Header} false {Show Header} other {Not Hit}}"
   },
   "tools": {
     "reports": "Reports",
diff --git a/frontend/pages/profile.vue b/frontend/pages/profile.vue
index 94b908db..2be7ad32 100644
--- a/frontend/pages/profile.vue
+++ b/frontend/pages/profile.vue
@@ -8,6 +8,7 @@
   import MdiFill from "~icons/mdi/fill";
   import MdiPencil from "~icons/mdi/pencil";
   import MdiAccountMultiple from "~icons/mdi/account-multiple";
+  import type {ViewType} from "~/composables/use-preferences";
 
   definePageMeta({
     middleware: ["auth"],
@@ -30,6 +31,11 @@
     return resp.data;
   });
 
+  const preferences = useViewPreferences();
+  function setDisplayHeader() {
+    preferences.value.displayHeaderDecor = !preferences.value.displayHeaderDecor;
+  }
+
   // Currency Selection
   const currency = ref<CurrenciesCurrency>({
     code: "USD",
@@ -443,6 +449,9 @@
         </template>
 
         <div class="px-4 pb-4">
+          <div class="mb-3">
+            <BaseButton size="sm" @click="setDisplayHeader"> {{ $t("profile.display_header", { currentValue: preferences.displayHeaderDecor }) }} </BaseButton>
+          </div>
           <div class="rounded-box grid grid-cols-1 gap-4 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5">
             <div
               v-for="theme in themes"