diff --git a/src/modules/timesheets/components/timesheet-wrapper.vue b/src/modules/timesheets/components/timesheet-wrapper.vue
index 9600ef4..6a5534d 100644
--- a/src/modules/timesheets/components/timesheet-wrapper.vue
+++ b/src/modules/timesheets/components/timesheet-wrapper.vue
@@ -6,7 +6,6 @@
     import ShiftListScrollable from 'src/modules/timesheets/components/shift-list-scrollable.vue';
     import LoadingOverlay from 'src/modules/shared/components/loading-overlay.vue';
     import ExpenseDialog from 'src/modules/timesheets/components/expense-dialog.vue';
-    import PageHeaderTemplate from 'src/modules/shared/components/page-header-template.vue';
     import PayPeriodNavigator from 'src/modules/shared/components/pay-period-navigator.vue';
     import TimesheetErrorWidget from 'src/modules/timesheets/components/timesheet-error-widget.vue';
     import ShiftListWeeklyOverview from 'src/modules/timesheets/components/shift-list-weekly-overview.vue';
@@ -104,15 +103,7 @@
                 />
             </div>
 
-            <PageHeaderTemplate
-                v-if="mode === 'normal'"
-                :title="'timesheet.page_header'"
-                :start-date="timesheet_store.pay_period?.period_start ?? ''"
-                :end-date="timesheet_store.pay_period?.period_end ?? ''"
-                class="col"
-            />
-
-            <q-space v-if="!$q.platform.is.mobile && mode === 'approval'" />
+            <q-space />
 
             <!-- employee weekly overview -->
             <div
diff --git a/src/pages/timesheet-page.vue b/src/pages/timesheet-page.vue
index f038e36..191837f 100644
--- a/src/pages/timesheet-page.vue
+++ b/src/pages/timesheet-page.vue
@@ -2,12 +2,12 @@
     setup
     lang="ts"
 >
-
+    import PageHeaderTemplate from 'src/modules/shared/components/page-header-template.vue';
     import TimesheetWrapper from 'src/modules/timesheets/components/timesheet-wrapper.vue';
+    
+    import { useTimesheetStore } from 'src/stores/timesheet-store';
 
-    import { useAuthStore } from 'src/stores/auth-store';
-
-    const auth_store = useAuthStore();
+    const timesheet_store = useTimesheetStore();
 </script>
 
 <template>
@@ -16,10 +16,14 @@
             class="col column fit"
             :style="$q.platform.is.mobile && ($q.screen.width < $q.screen.height) ? '' : 'width: 90vw'"
         >
-            <TimesheetWrapper
-                :employee-email="auth_store.user?.email ?? ''"
-                class="col"
+            <PageHeaderTemplate
+                :title="'timesheet.page_header'"
+                :start-date="timesheet_store.pay_period?.period_start ?? ''"
+                :end-date="timesheet_store.pay_period?.period_end ?? ''"
+                class="col-auto"
             />
+
+            <TimesheetWrapper class="col" />
         </div>
     </q-page>
 </template>
\ No newline at end of file