diff --git a/webapp/packages/core-theming/src/styles/_checkbox.scss b/webapp/packages/core-theming/src/styles/_checkbox.scss
index 4b2b427020..45f2d22161 100644
--- a/webapp/packages/core-theming/src/styles/_checkbox.scss
+++ b/webapp/packages/core-theming/src/styles/_checkbox.scss
@@ -58,6 +58,13 @@ $mdc-checkbox-icon-size: 16px;
     @include mdc-checkbox-container-colors($mdc-theme-surface, transparent, $mdc-theme-surface, $mdc-theme-surface);
   }
 
+  .theme-checkbox_on_primary {
+    $mdc-checkbox-mark-color: $mdc-theme-primary;
+    @include mdc-checkbox-ink-color($mdc-checkbox-mark-color, $query);
+    @include mdc-checkbox-disabled-ink-color(rgba($mdc-checkbox-mark-color, 0.5), $query);
+    @include mdc-checkbox-container-colors($mdc-theme-on-primary, transparent, $mdc-theme-on-primary, $mdc-theme-on-primary);
+  }
+
   .theme-checkbox_small {
     @include mdc-checkbox-density(-3);
   }
diff --git a/webapp/packages/plugin-top-app-bar/src/TopNavBar/shared/TopMenuCheckbox.module.css b/webapp/packages/plugin-top-app-bar/src/TopNavBar/shared/TopMenuCheckbox.module.css
index aefe2a8efd..3b7a4a2b28 100644
--- a/webapp/packages/plugin-top-app-bar/src/TopNavBar/shared/TopMenuCheckbox.module.css
+++ b/webapp/packages/plugin-top-app-bar/src/TopNavBar/shared/TopMenuCheckbox.module.css
@@ -6,5 +6,5 @@
  * you may not use this file except in compliance with the License.
  */
 .checkbox {
-  composes: theme-checkbox_surface from global;
+  composes: theme-checkbox_on_primary from global;
 }