diff --git a/libs/remix-ui/workspace/src/lib/components/flat-tree.tsx b/libs/remix-ui/workspace/src/lib/components/flat-tree.tsx
index 16d76c9bc2..efec53e0ac 100644
--- a/libs/remix-ui/workspace/src/lib/components/flat-tree.tsx
+++ b/libs/remix-ui/workspace/src/lib/components/flat-tree.tsx
@@ -215,7 +215,7 @@ export const FlatTree = (props: FlatTreeProps) => {
             {file.name}
 
           </div>
-          <div className="d-flex flex-row gap-1">
+          <div className="d-flex flex-row align-items-center">
             <div>
               <FileHoverIcons file={file} />
             </div> {getFileStateIcons(file)}
diff --git a/libs/remix-ui/workspace/src/lib/css/file-explorer.css b/libs/remix-ui/workspace/src/lib/css/file-explorer.css
index c49a0a54a7..57dae41eae 100644
--- a/libs/remix-ui/workspace/src/lib/css/file-explorer.css
+++ b/libs/remix-ui/workspace/src/lib/css/file-explorer.css
@@ -60,4 +60,16 @@ ul {
 [contenteditable] {
     -webkit-user-select: text;
     user-select: text;
-}
\ No newline at end of file
+}
+
+.remixui_icons {
+
+}
+
+.remixui_icons:hover {
+    color: var(--text);
+}
+
+.remixui_icons_space {
+    margin-right: 8px;
+}