diff --git a/src/app/globals.css b/src/app/globals.css
index ac8439e..4520de5 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -61,6 +61,7 @@ body {
   --color-contacts-icon-text: #333;
   --color-selected-contact-bg: #b8b8b8;
   --color-notselected-contact-bg: #fff;
+  --color-selected-contact-text: #252525;
 }
 
 html.dark {
diff --git a/src/components/Calendar.jsx b/src/components/Calendar.jsx
index cb928c0..56c972c 100644
--- a/src/components/Calendar.jsx
+++ b/src/components/Calendar.jsx
@@ -40,10 +40,11 @@ export default function UserCalendar() {
 
   const handleSelectSlot = async ({ start, end }) => {
     // TEMP: Allow event modal to open without login for testing
-    // if (!isLoggedIn) {
-    //   setShowLoginModal(true);
-    //   return;
-    // }
+    if (!isLoggedIn) {
+      setShowLoginModal(true);
+      return;
+    }
+    //
     setModalStart(start);
     setModalEnd(end);
     setShowModal(true);
diff --git a/src/styles/common/_contacts.scss b/src/styles/common/_contacts.scss
index 1b661a5..fa6ec8c 100644
--- a/src/styles/common/_contacts.scss
+++ b/src/styles/common/_contacts.scss
@@ -7,6 +7,10 @@
     color: #fff;
   }
 
+  &__tab-wrapper--selected {
+    background-color: var(--color-selected-contact-bg);
+  }
+
   &__user-contact-icon-wrapper {
     min-width: 13%;
     height: 100%;