diff --git a/frontend/components.d.ts b/frontend/components.d.ts
index bf076cab..eb26972e 100644
--- a/frontend/components.d.ts
+++ b/frontend/components.d.ts
@@ -8,6 +8,7 @@ export {}
 /* prettier-ignore */
 declare module 'vue' {
   export interface GlobalComponents {
+    '(refactor': update component declarations and improve Calendar daily header styling)
     AboutModal: typeof import('./src/components/Modals/AboutModal.vue')['default']
     Activities: typeof import('./src/components/Activities/Activities.vue')['default']
     ActivityHeader: typeof import('./src/components/Activities/ActivityHeader.vue')['default']
@@ -60,7 +61,6 @@ declare module 'vue' {
     CheckCircleIcon: typeof import('./src/components/Icons/CheckCircleIcon.vue')['default']
     CheckIcon: typeof import('./src/components/Icons/CheckIcon.vue')['default']
     CollapseSidebar: typeof import('./src/components/Icons/CollapseSidebar.vue')['default']
-    ColorPicker: typeof import('./src/components/frappe-ui/ColorPicker.vue')['default']
     Column: typeof import('./src/components/FieldLayout/Column.vue')['default']
     ColumnSettings: typeof import('./src/components/ColumnSettings.vue')['default']
     ColumnsIcon: typeof import('./src/components/Icons/ColumnsIcon.vue')['default']
@@ -129,7 +129,6 @@ declare module 'vue' {
     ExotelCallUI: typeof import('./src/components/Telephony/ExotelCallUI.vue')['default']
     ExportIcon: typeof import('./src/components/Icons/ExportIcon.vue')['default']
     ExternalLinkIcon: typeof import('./src/components/Icons/ExternalLinkIcon.vue')['default']
-    EyeDropperIcon: typeof import('./src/components/Icons/EyeDropperIcon.vue')['default']
     FadedScrollableDiv: typeof import('./src/components/FadedScrollableDiv.vue')['default']
     Field: typeof import('./src/components/FieldLayout/Field.vue')['default']
     FieldLayout: typeof import('./src/components/FieldLayout/FieldLayout.vue')['default']
@@ -189,7 +188,9 @@ declare module 'vue' {
     ListRows: typeof import('./src/components/ListViews/ListRows.vue')['default']
     LoadingIndicator: typeof import('./src/components/Icons/LoadingIndicator.vue')['default']
     LostReasonModal: typeof import('./src/components/Modals/LostReasonModal.vue')['default']
+    LucideChevronRight: typeof import('~icons/lucide/chevron-right')['default']
     LucidePlus: typeof import('~icons/lucide/plus')['default']
+    LucideX: typeof import('~icons/lucide/x')['default']
     MarkAsDoneIcon: typeof import('./src/components/Icons/MarkAsDoneIcon.vue')['default']
     MaximizeIcon: typeof import('./src/components/Icons/MaximizeIcon.vue')['default']
     MenuIcon: typeof import('./src/components/Icons/MenuIcon.vue')['default']
@@ -265,7 +266,6 @@ declare module 'vue' {
     TelegramIcon: typeof import('./src/components/Icons/TelegramIcon.vue')['default']
     TelephonySettings: typeof import('./src/components/Settings/TelephonySettings.vue')['default']
     TerritoryIcon: typeof import('./src/components/Icons/TerritoryIcon.vue')['default']
-    TimePicker: typeof import('./src/components/frappe-ui/TimePicker.vue')['default']
     TwilioCallUI: typeof import('./src/components/Telephony/TwilioCallUI.vue')['default']
     UnpinIcon: typeof import('./src/components/Icons/UnpinIcon.vue')['default']
     UserAvatar: typeof import('./src/components/UserAvatar.vue')['default']
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index bea5e3d2..07088248 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -1,6 +1,6 @@
 <template>
   <FrappeUIProvider>
-    <Layout v-if="session().isLoggedIn">
+    <Layout class="isolate" v-if="session().isLoggedIn">
       <router-view :key="$route.fullPath"/>
     </Layout>
     <Dialogs />
diff --git a/frontend/src/pages/Calendar.vue b/frontend/src/pages/Calendar.vue
index 715735d0..abab8f3f 100644
--- a/frontend/src/pages/Calendar.vue
+++ b/frontend/src/pages/Calendar.vue
@@ -75,8 +75,8 @@
         </div>
       </template>
       <template #daily-header="{ parseDateWithDay, currentDate }">
-        <p class="ml-4 pb-2 text-base font-semibold text-ink-gray-8">
-          {{ parseDateWithDay(currentDate, (fullDay = true)) }}
+        <p class="ml-4 pb-2 text-base text-ink-gray-6">
+          {{ parseDateWithDay(currentDate) }}
         </p>
       </template>
     </Calendar>