diff --git a/packages/nc-gui/assets/style.scss b/packages/nc-gui/assets/style.scss
index f4f2e72778..c4c43b762b 100644
--- a/packages/nc-gui/assets/style.scss
+++ b/packages/nc-gui/assets/style.scss
@@ -545,6 +545,13 @@ a {
   @apply bg-gray-300 bg-opacity-20;
 }
 
+.ant-select-item-option:hover{
+  @apply !bg-gray-100;
+}
+
+.ant-select-item-option-selected{
+  @apply !bg-white;
+}
 /* Hide the element with id nc-selected-item-icon */
 .ant-select-selection-item #nc-selected-item-icon {
   @apply hidden;
diff --git a/packages/nc-gui/components/smartsheet/calendar/Cell.vue b/packages/nc-gui/components/smartsheet/calendar/Cell.vue
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/packages/nc-gui/components/smartsheet/calendar/SideMenu.vue b/packages/nc-gui/components/smartsheet/calendar/SideMenu.vue
index 742fc28a53..4ccd691448 100644
--- a/packages/nc-gui/components/smartsheet/calendar/SideMenu.vue
+++ b/packages/nc-gui/components/smartsheet/calendar/SideMenu.vue
@@ -2,7 +2,7 @@
 import type { VNodeRef } from '@vue/runtime-core'
 import { UITypes, isVirtualCol } from 'nocodb-sdk'
 import dayjs from 'dayjs'
-import { type Row, computed, isRowEmpty, ref } from '#imports'
+import { type Row, computed, iconMap, isRowEmpty, ref } from '#imports'
 
 const props = defineProps<{
   visible: boolean
@@ -347,10 +347,20 @@ onUnmounted(() => {
         </a-input>
         <NcSelect v-model:value="sideBarFilterOption" class="min-w-38 !text-gray-800" data-testid="nc-calendar-sidebar-filter">
           <a-select-option v-for="option in options" :key="option.value" :value="option.value" class="!text-gray-800">
-            <NcTooltip :title="option.label" placement="top" show-on-truncate-only>
-              <template #title>{{ option.label }}</template>
-              {{ option.label }}
-            </NcTooltip>
+            <div class="flex items-center justify-between gap-2">
+              <div class="truncate flex-1">
+                <NcTooltip :title="option.label" placement="top" show-on-truncate-only>
+                  <template #title>{{ option.label }}</template>
+                  {{ option.label }}
+                </NcTooltip>
+              </div>
+              <component
+                :is="iconMap.check"
+                v-if="sideBarFilterOption === option.value"
+                id="nc-selected-item-icon"
+                class="text-primary w-4 h-4"
+              />
+            </div>
           </a-select-option>
         </NcSelect>
       </div>
diff --git a/packages/nc-gui/lang/en.json b/packages/nc-gui/lang/en.json
index 5f8aea6a45..b2f0ca73d3 100644
--- a/packages/nc-gui/lang/en.json
+++ b/packages/nc-gui/lang/en.json
@@ -1091,6 +1091,7 @@
     "length59Required": "The length exceeds the max 59 characters",
     "noNewNotifications": "You have no new notifications",
     "noRecordFound": "Record not found",
+    "noRecordsFound": "No records found",
     "rowDeleted": "Record deleted",
     "saveChanges": "Do you want to save the changes?",
     "tooLargeFieldEntity": "The field is too large to be converted to {entity}",