diff --git a/app/components/editor/codemirror/BinaryContent.tsx b/app/components/editor/codemirror/BinaryContent.tsx
index 0a425116..04d40753 100644
--- a/app/components/editor/codemirror/BinaryContent.tsx
+++ b/app/components/editor/codemirror/BinaryContent.tsx
@@ -1,6 +1,6 @@
 export function BinaryContent() {
   return (
-    <div className="flex items-center justify-center absolute inset-0 z-10 text-sm bg-tk-elements-app-backgroundColor text-tk-elements-app-textColor">
+    <div className="flex items-center justify-center absolute inset-0 z-10 text-sm bg-bolt-elements-background-depth-2 text-bolt-elements-textPrimary">
       File format cannot be displayed.
     </div>
   );
diff --git a/app/lib/stores/editor.ts b/app/lib/stores/editor.ts
index 1a66c390..5d483232 100644
--- a/app/lib/stores/editor.ts
+++ b/app/lib/stores/editor.ts
@@ -50,6 +50,7 @@ export class EditorStore {
               {
                 value: dirent.content,
                 filePath,
+                isBinary: dirent.isBinary, // Add this line
                 scroll: previousDocument?.scroll,
               },
             ] as [string, EditorDocument];