dont shrink the list view icon

outerbase · Aug 26, 2024 · f507746 · f507746
1 parent ba9d3b4
commit f507746
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/src/components/listview/index.tsx b/src/components/listview/index.tsx
@@ -82,7 +82,7 @@ function Indentation({ depth }: { depth: number }) {
   if (depth <= 0) return null;
 
   return new Array(depth).fill(false).map((_, idx: number) => {
-    return <div key={idx} className={cn("w-4")}></div>;
+    return <div key={idx} className={cn("w-4 flex-shrink-0")}></div>;
   });
 }
 
@@ -104,7 +104,7 @@ function CollapsedButton({
       )}
     </div>
   ) : (
-    <div className="w-4"></div>
+    <div className="w-4 flex-shrink-0"></div>
   );
 }
 
@@ -212,7 +212,12 @@ function renderList<T>(props: ListViewRendererProps<T>): React.ReactElement {
                   )}
 
                   {item.icon && (
-                    <item.icon className={cn("w-4 h-4 mr-1", item.iconColor)} />
+                    <item.icon
+                      className={cn(
+                        "w-4 h-4 mr-1 flex-shrink-0",
+                        item.iconColor
+                      )}
+                    />
                   )}
                   <div className="text-xs">
                     <Highlight text={item.name} highlight={highlight} />