diff --git a/resources/scripts/components/elements/AceEditor.tsx b/resources/scripts/components/elements/AceEditor.tsx
index e62c24d95..238174d6f 100644
--- a/resources/scripts/components/elements/AceEditor.tsx
+++ b/resources/scripts/components/elements/AceEditor.tsx
@@ -117,7 +117,7 @@ export default ({ style, initialContent, initialModePath, fetchContent, onConten
                 <div className={'m-3 rounded bg-neutral-900 border border-black'}>
                     <select
                         className={'input-dark'}
-                        defaultValue={mode}
+                        value={mode.split('/').pop()}
                         onChange={e => setMode(`ace/mode/${e.currentTarget.value}`)}
                     >
                         {
diff --git a/resources/styles/components/forms.css b/resources/styles/components/forms.css
index 5021f8d5a..b83d0132b 100644
--- a/resources/styles/components/forms.css
+++ b/resources/styles/components/forms.css
@@ -119,11 +119,6 @@ select.input-dark:not(.appearance-none) {
     &:hover:not(:disabled), &:focus {
         @apply .border-neutral-400;
     }
-
-    /* fix for Firefox trying to be cool with dark colors */
-    &:focus {
-        @apply .bg-white .text-neutral-800;
-    }
 }
 
 .input-dark-label {