diff --git a/apps/builder/src/components/icons.tsx b/apps/builder/src/components/icons.tsx
index eba1129b8..9f8a98b68 100644
--- a/apps/builder/src/components/icons.tsx
+++ b/apps/builder/src/components/icons.tsx
@@ -39,7 +39,12 @@ export const PlusIcon = (props: IconProps) => (
 )
 
 export const FolderIcon = (props: IconProps) => (
-  <Icon viewBox="0 0 24 24" {...featherIconsBaseProps} {...props}>
+  <Icon
+    viewBox="0 0 24 24"
+    {...featherIconsBaseProps}
+    fill="currentColor"
+    {...props}
+  >
     <path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"></path>
   </Icon>
 )
diff --git a/apps/builder/src/features/folders/components/FolderButton.tsx b/apps/builder/src/features/folders/components/FolderButton.tsx
index cb0d87610..bdfaa1e44 100644
--- a/apps/builder/src/features/folders/components/FolderButton.tsx
+++ b/apps/builder/src/features/folders/components/FolderButton.tsx
@@ -111,7 +111,10 @@ export const FolderButton = ({
         </MenuList>
       </Menu>
       <VStack spacing="4">
-        <FolderIcon fontSize={50} color="blue.500" fill="blue.500" />
+        <FolderIcon
+          fontSize={50}
+          color={useColorModeValue('blue.500', 'blue.400')}
+        />
         <Editable
           defaultValue={folder.name}
           fontSize="18"