diff --git a/style/_control-center.scss b/style/_control-center.scss
index a0b92a0..756cc10 100644
--- a/style/_control-center.scss
+++ b/style/_control-center.scss
@@ -30,6 +30,16 @@ window.control-center {
   }
 
   .header {
+    .name {
+      color: rgba($fg-color, 0.8);
+      font-size: 1.8rem;
+    }
+
+    .username {
+      color: rgba($fg-color, 0.5);
+      font-size: 1.2rem;
+    }
+
     .controls {
       button {
         background-color: $inactive-color;
diff --git a/widgets/control-center/header.tsx b/widgets/control-center/header.tsx
index 401722d..892e514 100644
--- a/widgets/control-center/header.tsx
+++ b/widgets/control-center/header.tsx
@@ -29,8 +29,8 @@ export const Header = () => {
       />
 
       <box valign={CENTER} orientation={VERTICAL} spacing={5}>
-        <label halign={START} label="tux" />
-        <label halign={START} label="@tuxdotrs" />
+        <label halign={START} label="tux" cssClasses={["name"]} />
+        <label halign={START} label="@tuxdotrs" cssClasses={["username"]} />
       </box>
 
       <box