diff --git a/public/css/toggle-dependent.css b/public/css/toggle-dependent.css
index c8d62ee7d..9ffc382cc 100644
--- a/public/css/toggle-dependent.css
+++ b/public/css/toggle-dependent.css
@@ -459,3 +459,7 @@ body.expandMessageActions .mes .mes_buttons .extraMesButtonsHint {
 .mdhotkey_icon {
     opacity: 0.6;
 }
+
+label[for="trim_spaces"]:has(input:checked) i.warning {
+    display: none;
+}
diff --git a/public/index.html b/public/index.html
index 567599e57..13f59da05 100644
--- a/public/index.html
+++ b/public/index.html
@@ -3222,6 +3222,7 @@
                                     <label class="checkbox_label" for="trim_spaces">
                                         <input id="trim_spaces" type="checkbox" />
                                         <small data-i18n="Trim spaces">Trim spaces</small>
+                                        <i class="fa-sm fa-solid fa-exclamation-triangle warning" title="Disabling is not recommended." data-i18n="[title]Disabling is not recommended."></i>
                                     </label>
                                     <label class="checkbox_label" for="trim_sentences_checkbox">
                                         <input id="trim_sentences_checkbox" type="checkbox" />