Fix graph label drop down list position problem

lightrag_webui/src/components/graph/GraphLabels.tsx

@@ -108,12 +108,12 @@ const GraphLabels = () => {
         variant={controlButtonVariant}
         onClick={handleRefresh}
         tooltip={t('graphPanel.graphLabels.refreshTooltip')}
-        className="mr-1"
+        className="mr-2"
       >
         <RefreshCw className="h-4 w-4" />
       </Button>
       <AsyncSelect<string>
-        className="ml-2"
+        className="min-w-[300px]"
         triggerClassName="max-h-8"
         searchInputClassName="max-h-8"
         triggerTooltip={t('graphPanel.graphLabels.selectTooltip')}

lightrag_webui/src/components/ui/AsyncSelect.tsx

@@ -210,7 +210,13 @@ export function AsyncSelect<T>({
           <ChevronsUpDown className="opacity-50" size={10} />
         </Button>
       </PopoverTrigger>
-      <PopoverContent className={cn('p-0', className)} onCloseAutoFocus={(e) => e.preventDefault()}>
+      <PopoverContent 
+        className={cn('p-0', className)} 
+        onCloseAutoFocus={(e) => e.preventDefault()}
+        align="start"
+        sideOffset={8}
+        collisionPadding={5}
+      >
         <Command shouldFilter={false}>
           <div className="relative w-full border-b">
             <CommandInput