diff --git a/frontend/src/Editor/Components/Calendar.jsx b/frontend/src/Editor/Components/Calendar.jsx
index a2beb268ff..1377159d95 100644
--- a/frontend/src/Editor/Components/Calendar.jsx
+++ b/frontend/src/Editor/Components/Calendar.jsx
@@ -89,7 +89,7 @@ export const Calendar = function ({
   };
 
   return (
-    <div id={id}>
+    <div id={id} style={{ display: styles.visibility ? 'block' : 'none' }}>
       <ReactCalendar
         className={`calendar-widget
         ${darkMode ? 'dark-mode' : ''}