diff --git a/code/frontend/src/components/username.css b/code/frontend/src/components/username.css
index 39650ff..7be6bfb 100644
--- a/code/frontend/src/components/username.css
+++ b/code/frontend/src/components/username.css
@@ -1,10 +1,21 @@
 .profile-username {
   color: var(--Rotkehlchen-orange-default);
-  max-width: 10rem;
+  width: 15rem;
   overflow: hidden;
   text-overflow: ellipsis;
   cursor: pointer;
+  text-align: start;
 }
 .profile-popover {
   padding: 1rem;
 }
+
+@media screen and (min-width: 768px) {
+  .profile-username {
+    width: 10rem;
+  }
+  .profile-popover {
+    padding: 2rem;
+  }
+  
+}