diff --git a/package-lock.json b/package-lock.json
index 12ee72f..8d07237 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
     "name": "call-me",
-    "version": "1.2.90",
+    "version": "1.2.91",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
         "": {
             "name": "call-me",
-            "version": "1.2.90",
+            "version": "1.2.91",
             "license": "AGPLv3",
             "dependencies": {
                 "@ngrok/ngrok": "1.7.0",
diff --git a/package.json b/package.json
index 27ad3b9..cf37eda 100755
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "call-me",
-    "version": "1.2.90",
+    "version": "1.2.91",
     "description": "Your Go-To for Instant Video Calls",
     "author": "Miroslav Pejic - miroslav.pejic.85@gmail.com",
     "license": "AGPLv3",
diff --git a/public/style.css b/public/style.css
index 11537a3..5e0006c 100644
--- a/public/style.css
+++ b/public/style.css
@@ -437,8 +437,6 @@ video::-webkit-media-controls {
 #localUsername,
 #remoteUsername {
     position: absolute;
-    bottom: 8px;
-    left: 8px;
     color: #fff;
     background: var(--glass-bg-strong);
     padding: 6px 12px;
@@ -459,6 +457,16 @@ video::-webkit-media-controls {
     box-shadow: var(--shadow-sm);
 }
 
+#localUsername {
+    top: 8px;
+    left: 8px;
+}
+
+#remoteUsername {
+    bottom: 8px;
+    left: 8px;
+}
+
 #localUsername:hover,
 #remoteUsername:hover {
     background: linear-gradient(135deg, var(--primary-color), var(--primary-hover));
@@ -559,12 +567,20 @@ video::-webkit-media-controls {
     #remoteUsername {
         font-size: 0.7rem;
         padding: 2px 4px;
-        bottom: 1px;
-        left: 1px;
         border-radius: 5px;
         max-width: calc(100% - 12px);
     }
 
+    #localUsername {
+        top: 1px;
+        left: 1px;
+    }
+
+    #remoteUsername {
+        bottom: 1px;
+        left: 1px;
+    }
+
     #localUsername::before,
     #remoteUsername::before {
         font-size: 0.7rem;