diff --git a/src/css/common.css b/src/css/common.css
index 98dd1c6db..9b232031b 100644
--- a/src/css/common.css
+++ b/src/css/common.css
@@ -143,7 +143,7 @@ label {
       Firefox Preview design guidelines.
     - To have a single checkbox design across all platforms.
 */
-input[type="checkbox"] {
+input[type="checkbox"]:not(.native) {
     --margin-end: calc(var(--font-size) * 0.75);
     height: var(--checkbox-size);
     margin: 0;
diff --git a/src/logger-ui.html b/src/logger-ui.html
index 577e9294a..3fdb81d67 100644
--- a/src/logger-ui.html
+++ b/src/logger-ui.html
@@ -194,10 +194,10 @@
         </div>
         <div><span data-i18n="loggerSettingHideColumnsPrompt"></span>
             <ul>
-            <li><label data-i18n="loggerSettingHideColumnTime"><input type="checkbox" data-column="0" /></label>
-            <li><label data-i18n="loggerSettingHideColumnFilter"><input type="checkbox" data-column="1" /></label>
-            <li><label data-i18n="loggerSettingHideColumnContext"><input type="checkbox" data-column="3" /></label>
-            <li><label data-i18n="loggerSettingHideColumnPartyness"><input type="checkbox" data-column="4" /></label>
+            <li><label data-i18n="loggerSettingHideColumnTime"><input type="checkbox" class="native" data-column="0" /></label>
+            <li><label data-i18n="loggerSettingHideColumnFilter"><input type="checkbox" class="native" data-column="1" /></label>
+            <li><label data-i18n="loggerSettingHideColumnContext"><input type="checkbox" class="native" data-column="3" /></label>
+            <li><label data-i18n="loggerSettingHideColumnPartyness"><input type="checkbox" class="native" data-column="4" /></label>
             </ul>
         </div>
         <div><label data-i18n="loggerSettingPerEntryLineCount"><input type="number" min="2" max="6"></label></div>