diff --git a/components/header.tsx b/components/header.tsx
index 73f179b..1abbc4f 100644
--- a/components/header.tsx
+++ b/components/header.tsx
@@ -19,8 +19,8 @@ export default function Header({ label = 'Pfadi Bussle' }: { label?: string }) {
         />
       </div>
       {username && (
-        <div>
-          FYI, you are logged in as <strong>{username}</strong>{' '}
+        <div className="info-message">
+          FYI, you are logged in as <strong className="ml-1">{username}</strong>
         </div>
       )}
     </>