diff --git a/src/ui/component/calendar/CustomCalendar.tsx b/src/ui/component/calendar/CustomCalendar.tsx
index a5b2244..f4b7c36 100644
--- a/src/ui/component/calendar/CustomCalendar.tsx
+++ b/src/ui/component/calendar/CustomCalendar.tsx
@@ -394,28 +394,6 @@ export const CustomCalendar = ({ data }: CustomCalendarProps) => {
         open={popoverOpen}
         onOpenChange={handleOpenChange}
       >
-        {
-          barPositions.map(pos => (
-            <PopoverTrigger
-              onClick={(e) => {
-                e.stopPropagation();
-                
-              }}
-              asChild
-            >
-              <div
-                key={pos.segmentId}
-                className={cn(
-                  `flex flex-row justify-start items-center absolute`,
-                  "py-0.5 px-2 rounded-sm text-xs text-white overflow-hidden"
-                )}
-                style={{...pos.positionStyle, backgroundColor: pos.style}}
-              >
-                {pos.name}
-              </div>
-            </PopoverTrigger>
-          ))
-        }
         <Calendar 
           mode="single"
           className="h-full w-full border border-indigo-200 rounded-lg shadow-sm shadow-indigo-200"
@@ -453,7 +431,20 @@ export const CustomCalendar = ({ data }: CustomCalendarProps) => {
             )
           }}
         />
-        
+        {
+          barPositions.map(pos => (
+              <div
+                key={pos.segmentId}
+                className={cn(
+                  `flex flex-row justify-start items-center absolute`,
+                  "py-0.5 px-2 rounded-sm text-xs text-white overflow-hidden"
+                )}
+                style={{...pos.positionStyle, backgroundColor: pos.style}}
+              >
+                {pos.name}
+              </div>
+          ))
+        }
         <SchedulePopover 
           date={selectedDate}
           open={popoverOpen}