diff --git a/app/components/chat.tsx b/app/components/chat.tsx
index 617350f6b..bae56c700 100644
--- a/app/components/chat.tsx
+++ b/app/components/chat.tsx
@@ -1959,7 +1959,8 @@ function _Chat() {
                             >
                               <div
                                 className={
-                                  styles["chat-message-item-file-icon"]
+                                  styles["chat-message-item-file-icon"] +
+                                  " no-dark"
                                 }
                               >
                                 <FileIcon {...style} />
@@ -2079,7 +2080,7 @@ function _Chat() {
                   return (
                     <div key={index} className={styles["attach-file"]}>
                       <div
-                        className={styles["attach-file-icon"]}
+                        className={styles["attach-file-icon"] + " no-dark"}
                         key={extension}
                       >
                         <FileIcon {...style} />