diff --git a/web/src/settings_config.ts b/web/src/settings_config.ts
index 60886a825e..c402b41af8 100644
--- a/web/src/settings_config.ts
+++ b/web/src/settings_config.ts
@@ -151,7 +151,6 @@ export type DisplaySettings = {
 export const get_all_preferences = (): DisplaySettings => ({
     settings: {
         user_display_settings: [
-            "high_contrast_mode",
             "starred_message_counts",
             "receives_typing_notifications",
             "fluid_layout_width",
diff --git a/web/templates/settings/display_settings.hbs b/web/templates/settings/display_settings.hbs
index 37fbc70b0e..663a13589e 100644
--- a/web/templates/settings/display_settings.hbs
+++ b/web/templates/settings/display_settings.hbs
@@ -198,5 +198,12 @@
               prefix=../prefix}}
         {{/each}}
 
+        {{> settings_checkbox
+          setting_name="high_contrast_mode"
+          is_checked=settings_object.high_contrast_mode
+          label=settings_label.high_contrast_mode
+          render_only=settings_render_only.high_contrast_mode
+          prefix=prefix}}
+
     </div>
 </form>