diff --git a/src/App.jsx b/src/App.jsx
index fd4f984c..882b372a 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -485,6 +485,9 @@ function Room({ client }) {
       {!loading && room && (
         <div className={styles.header}>
           <h3>{room.name}</h3>
+          <div className={styles.userNav}>
+            <h5>{client.getUserId()}</h5>
+          </div>
         </div>
       )}
       {loading && (
diff --git a/src/App.module.css b/src/App.module.css
index 4e703632..cd89945f 100644
--- a/src/App.module.css
+++ b/src/App.module.css
@@ -43,11 +43,17 @@ limitations under the License.
 }
 
 .header {
+  position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
   height: 64px;
+}
 
+.userNav {
+  position: absolute;
+  right: 0;
+  padding: 0 8px;
 }
 
 .joinRoom {