diff --git a/projects/mastolists/src/app/followings-matrix/matrix/matrix.component.html b/projects/mastolists/src/app/followings-matrix/matrix/matrix.component.html
index dbeef49..f4f8d56 100644
--- a/projects/mastolists/src/app/followings-matrix/matrix/matrix.component.html
+++ b/projects/mastolists/src/app/followings-matrix/matrix/matrix.component.html
@@ -35,7 +35,7 @@
                           nbPopoverTrigger="hover"
                           nbPopoverPlacement="bottom"
                     >
-                        {{account.displayName}} (@{{account.username}})
+                        {{account.displayName}} <span class="username">@{{account.username}}</span>
                     </span>
                 </th>
                 <td *ngFor="let list of lists$ | async">
diff --git a/projects/mastolists/src/app/followings-matrix/matrix/matrix.component.scss b/projects/mastolists/src/app/followings-matrix/matrix/matrix.component.scss
index 03ff2d9..15f51f6 100644
--- a/projects/mastolists/src/app/followings-matrix/matrix/matrix.component.scss
+++ b/projects/mastolists/src/app/followings-matrix/matrix/matrix.component.scss
@@ -1,3 +1,9 @@
+span.username {
+    font-weight: 100;
+    margin-left: 10px;
+    color: darkgray;
+}
+
 table {
     display: block;
     height: max(600px, calc(100vh - 300px));