diff --git a/src/App.scss b/src/App.scss
index ee1654bb7..d6fae5fff 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -553,6 +553,7 @@ textarea {
   &[disabled="disabled"],
   &.disabled {
     cursor: not-allowed;
+    color: var(--textFaint);
   }
 
   &[type="range"] {
diff --git a/src/components/settings_modal/helpers/choice_setting.vue b/src/components/settings_modal/helpers/choice_setting.vue
index ccda12c0d..a114cc473 100644
--- a/src/components/settings_modal/helpers/choice_setting.vue
+++ b/src/components/settings_modal/helpers/choice_setting.vue
@@ -2,6 +2,7 @@
   <label
     v-if="matchesExpertLevel"
     class="ChoiceSetting"
+    :class="{ 'faint': shouldBeDisabled }"
   >
     <template v-if="backendDescriptionLabel">
       {{ backendDescriptionLabel }}
@@ -12,7 +13,7 @@
     {{ ' ' }}
     <Select
       :model-value="realDraftMode ? draft : state"
-      :disabled="disabled"
+      :disabled="shouldBeDisabled"
       @update:model-value="update"
     >
       <option
diff --git a/src/components/settings_modal/helpers/string_setting.vue b/src/components/settings_modal/helpers/string_setting.vue
index d0c70b150..cf06af8d9 100644
--- a/src/components/settings_modal/helpers/string_setting.vue
+++ b/src/components/settings_modal/helpers/string_setting.vue
@@ -20,6 +20,7 @@
     <input
       :id="path"
       class="input string-input"
+      :class="{ disabled: shouldBeDisabled }"
       :disabled="shouldBeDisabled"
       :value="realDraftMode ? draft : state"
       @change="update"