diff --git a/app/src/modules/settings/routes/roles/browse.vue b/app/src/modules/settings/routes/roles/browse.vue
index 43bd1e4e35..70ade110dc 100644
--- a/app/src/modules/settings/routes/roles/browse.vue
+++ b/app/src/modules/settings/routes/roles/browse.vue
@@ -88,7 +88,7 @@ export default defineComponent({
 				text: '',
 				value: 'icon',
 				sortable: false,
-				width: 50,
+				width: 42,
 				align: 'left',
 			},
 			{
@@ -167,6 +167,7 @@ export default defineComponent({
 
 .roles {
 	padding: var(--content-padding);
+	padding-top: 0;
 	padding-bottom: var(--content-padding-bottom);
 }
 
@@ -181,7 +182,8 @@ export default defineComponent({
 }
 
 .public {
-	color: var(--primary);
 	--v-icon-color: var(--primary);
+
+	color: var(--primary);
 }
 </style>