diff --git a/app/src/modules/settings/routes/roles/item/components/permissions-overview-header.vue b/app/src/modules/settings/routes/roles/item/components/permissions-overview-header.vue
index c8a156db72..8b90221442 100644
--- a/app/src/modules/settings/routes/roles/item/components/permissions-overview-header.vue
+++ b/app/src/modules/settings/routes/roles/item/components/permissions-overview-header.vue
@@ -17,7 +17,7 @@ export default defineComponent({});
 <style lang="scss" scoped>
 .permissions-overview-header {
 	--v-icon-color: var(--foreground-subdued);
-
+	background-color: var(--background-input);
 	display: flex;
 	padding: 12px;
 	border-bottom: var(--border-width) solid var(--border-normal);