diff --git a/Components/UI/Layout/Header/Nav/Nav.js b/Components/UI/Layout/Header/Nav/Nav.js
index ecde380..24d035b 100644
--- a/Components/UI/Layout/Header/Nav/Nav.js
+++ b/Components/UI/Layout/Header/Nav/Nav.js
@@ -38,7 +38,7 @@ export default function Nav() {
                         <div>
                             <IconUser size={28} />
                         </div>
-                        <div>
+                        <div className={classes.username}>
                             {status === 'authenticated' && data.user.name}
                         </div>
                     </div>
diff --git a/Components/UI/Layout/Header/Nav/Nav.module.css b/Components/UI/Layout/Header/Nav/Nav.module.css
index 675aa7e..5b8c396 100644
--- a/Components/UI/Layout/Header/Nav/Nav.module.css
+++ b/Components/UI/Layout/Header/Nav/Nav.module.css
@@ -10,6 +10,10 @@
     align-items: center;
 }
 
+.username::first-letter {
+    text-transform: capitalize;
+}
+
 .account {
     background: none;
     border: none;