diff --git a/src/public/app/widgets/type_widgets/options/appearance/ribbon.js b/src/public/app/widgets/type_widgets/options/appearance/ribbon.js
index bfbf9d9b4..ce17fd53c 100644
--- a/src/public/app/widgets/type_widgets/options/appearance/ribbon.js
+++ b/src/public/app/widgets/type_widgets/options/appearance/ribbon.js
@@ -5,12 +5,12 @@ const TPL = `
 <div class="options-section">
     <h4>${t('ribbon.widgets')}</h4>
     <label>
-        <input type="checkbox" class="promoted-attributes-open-in-ribbon">
+        <input type="checkbox" class="promoted-attributes-open-in-ribbon form-check-input">
         ${t('ribbon.promoted_attributes_message')}
     </label>
     
     <label>
-        <input type="checkbox" class="edited-notes-open-in-ribbon">
+        <input type="checkbox" class="edited-notes-open-in-ribbon form-check-input">
         ${t('ribbon.edited_notes_message')}
     </label>
 </div>`;
diff --git a/src/public/stylesheets/style.css b/src/public/stylesheets/style.css
index bd34346c0..06cc24213 100644
--- a/src/public/stylesheets/style.css
+++ b/src/public/stylesheets/style.css
@@ -37,13 +37,13 @@ a, a:visited, a:hover {
 }
 
 input, select, textarea {
-    color: var(--input-text-color) !important;
-    background: var(--input-background-color) !important;
+    color: var(--input-text-color);
+    background: var(--input-background-color);
 }
 
 #left-pane input, select, textarea {
-    color: var(--left-pane-text-color) !important;
-    background: var(--left-pane-background-color) !important;
+    color: var(--left-pane-text-color);
+    background: var(--left-pane-background-color);
 }
 
 input::placeholder {
@@ -989,11 +989,6 @@ li.dropdown-submenu:hover > ul.dropdown-menu {
     background-color: var(--launcher-pane-background-color);
 }
 
-input {
-    background-color: transparent !important;
-}
-
-
 #right-pane {
     overflow: auto;
 }