diff --git a/app/components/calendar/search/CalendarSearch.vue b/app/components/calendar/search/CalendarSearch.vue
index 33a095d..fdd6ecf 100644
--- a/app/components/calendar/search/CalendarSearch.vue
+++ b/app/components/calendar/search/CalendarSearch.vue
@@ -195,10 +195,9 @@ function handleEntitySwitch() {
 
 // Key combos to deploy modal
 const keys = useMagicKeys()
+const controlPeriod = computed(() => keys.control_period?.value)
 
-whenever(keys.control_period, () => {
-  openUiDialog()
-})
+whenever(controlPeriod, openUiDialog)
 
 const searchResultsRef = ref<HTMLElement | null>(null)
 const { y: searchResultsY } = useScroll(searchResultsRef)