diff --git a/src/custom/multi-select/multi-select-label.tsx b/src/custom/multi-select/multi-select-label.tsx
index 4c9485a..34e248c 100644
--- a/src/custom/multi-select/multi-select-label.tsx
+++ b/src/custom/multi-select/multi-select-label.tsx
@@ -14,7 +14,7 @@ export const MultiSelectLabel = ({
 }: MultiSelectLabelProps) => {
   return (
     <div className={cn("flex items-center gap-1.5", position === "left" && "whitespace-nowrap")}>
-      {Icon && <Icon className="h-4 w-4 shrink-0" />}
+      {Icon && <Icon className="h-4 w-4 shrink-0 text-foreground" />}
       <label htmlFor={htmlFor} className="text-sm font-medium leading-none text-muted-foreground">
         {label}
       </label>
diff --git a/src/custom/multi-select/multi-select.stories.tsx b/src/custom/multi-select/multi-select.stories.tsx
index 206f264..9461b53 100644
--- a/src/custom/multi-select/multi-select.stories.tsx
+++ b/src/custom/multi-select/multi-select.stories.tsx
@@ -60,15 +60,18 @@ const MultiSelectContainer = ({ labelIcon, ...props }: MultiSelectContainerProps
   }
 
   return (
-    <MultiSelect
-      {...props}
-      value={selectedItems}
-      items={items}
-      isLoading={isLoading}
-      onChange={setSelectedItems}
-      onSearchChange={handleSearchChange}
-      labelIcon={labelIcon ? iconMap[labelIcon] : undefined}
-    />
+    <div className="w-[550px]">
+      <MultiSelect
+        {...props}
+        value={selectedItems}
+        items={items}
+        className="w-[300px]"
+        isLoading={isLoading}
+        onChange={setSelectedItems}
+        onSearchChange={handleSearchChange}
+        labelIcon={labelIcon ? iconMap[labelIcon] : undefined}
+      />
+    </div>
   )
 }
 
diff --git a/src/custom/multi-select/multi-select.tsx b/src/custom/multi-select/multi-select.tsx
index d0bda92..5232716 100644
--- a/src/custom/multi-select/multi-select.tsx
+++ b/src/custom/multi-select/multi-select.tsx
@@ -94,7 +94,7 @@ const MultiSelect = forwardRef<HTMLButtonElement, MultiSelectProps>(
     return (
       <div className={labelPosition === "left" ? "flex items-start gap-3 min-w-52 max-w-3xl w-full" : "flex flex-col gap-1.5 min-w-52 max-w-3xl w-full"}>
         {label && (
-          <div className={labelPosition === "left" ? "shrink-0 min-h-9 flex items-center" : ""}>
+          <div className={labelPosition === "left" ? "shrink-0 min-h-9 flex items-center ml-0 mr-auto" : ""}>
             <MultiSelectLabel
               htmlFor={id}
               label={label}
@@ -105,7 +105,7 @@ const MultiSelect = forwardRef<HTMLButtonElement, MultiSelectProps>(
           </div>
         )}
 
-        <div className={labelPosition === "left" ? "flex flex-col gap-1.5 flex-1" : "w-full"}>
+        <div className={labelPosition === "left" ? "flex flex-col gap-1.5" : "w-full"}>
           <Popover open={open} onOpenChange={handleOpenChange} modal={modal}>
             <PopoverTrigger asChild>
               <MultiSelectTrigger