diff --git a/public/index.html b/public/index.html
index 65fbf91..fc1c71a 100644
--- a/public/index.html
+++ b/public/index.html
@@ -30,7 +30,7 @@
       href="https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,100..900;1,100..900&family=Cal+Sans&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap"
       rel="stylesheet"
     />
-    <title>React App</title>
+    <title>Twake Calendar</title>
     <script src="<%= assetPrefix %>/.env.js"></script>
     <script src="<%= assetPrefix %>/appList.js"></script>
   </head>
diff --git a/public/manifest.json b/public/manifest.json
index 5b199d8..2f8d571 100644
--- a/public/manifest.json
+++ b/public/manifest.json
@@ -8,12 +8,12 @@
       "type": "image/x-icon"
     },
     {
-      "src": "calendar-192.png",
+      "src": "calendar.svg",
       "sizes": "192x192",
       "type": "image/svg+xml"
     },
     {
-      "src": "calendar-512.png",
+      "src": "calendar.svg",
       "sizes": "512x512",
       "type": "image/svg+xml"
     }
diff --git a/src/components/Calendar/CalendarLayout.tsx b/src/components/Calendar/CalendarLayout.tsx
index 917fc87..c9b8bc1 100644
--- a/src/components/Calendar/CalendarLayout.tsx
+++ b/src/components/Calendar/CalendarLayout.tsx
@@ -26,22 +26,20 @@ export default function CalendarLayout() {
 
     // Get current calendar range
     if (calendarRef.current) {
-      const view = calendarRef.current.getApi().view;
+      const view = calendarRef.current.view;
       const calendarRange = getCalendarRange(view.activeStart);
 
       // Refresh events for selected calendars
       Object.keys(selectedCalendars).forEach((id) => {
-        if (id.split("/")[0] === userId) {
-          dispatch(
-            getCalendarDetailAsync({
-              calId: id,
-              match: {
-                start: formatDateToYYYYMMDDTHHMMSS(calendarRange.start),
-                end: formatDateToYYYYMMDDTHHMMSS(calendarRange.end),
-              },
-            })
-          );
-        }
+        dispatch(
+          getCalendarDetailAsync({
+            calId: id,
+            match: {
+              start: formatDateToYYYYMMDDTHHMMSS(calendarRange.start),
+              end: formatDateToYYYYMMDDTHHMMSS(calendarRange.end),
+            },
+          })
+        );
       });
     }
   };
diff --git a/src/components/Menubar/Menubar.tsx b/src/components/Menubar/Menubar.tsx
index 8ee58e0..308ea76 100644
--- a/src/components/Menubar/Menubar.tsx
+++ b/src/components/Menubar/Menubar.tsx
@@ -135,6 +135,11 @@ export function Menubar({
           </div>
         </div>
         <div className="right-menu">
+          <div className="menu-items">
+            <IconButton onClick={onRefresh}>
+              <RefreshIcon />
+            </IconButton>
+          </div>
           <div className="menu-items">
             <FormControl size="small" sx={{ minWidth: 120, mr: 2 }}>
               <Select