diff --git a/src/style/css/style.css b/src/style/css/style.css
index 9367e83..0ebc1f7 100644
--- a/src/style/css/style.css
+++ b/src/style/css/style.css
@@ -541,6 +541,7 @@ svg.logo-icon {
   font-weight: 500;
   color: white;
   cursor: pointer;
+  padding: 4px 12px;
 }
 .arrow-right-icon {
   margin-right: 14px;
@@ -659,8 +660,6 @@ svg.logo-icon {
   stroke: black;
 }
 .sign-up-button-mobile {
-  margin-top: 40px;
-  margin-left: 20px;
   border: 1.5 solid black;
   background-color: #4f2ee8;
 }
@@ -729,6 +728,15 @@ svg.logo-icon {
 .user-icon-mobile {
   background-color: white;
 }
+#user-name-display {
+  max-width: 90px;
+  font-size: 22px;
+  font-weight: 700;
+  letter-spacing: -0.44px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
 .background-cover-container {
   display: flex;
   justify-content: flex-start;
@@ -1389,8 +1397,16 @@ svg.logo-icon {
   top: 45px;
 }
 
+.sign-up-button {
+  display: none;
+}
+
 @media screen and (min-width: 768px) {
   .sign-up-button {
+    display: none;
+  }
+  .sign-up-button:not(.hidden) {
+    display: flex;
     justify-content: space-between;
     padding: 4px 12px;
   }
@@ -1412,10 +1428,6 @@ svg.logo-icon {
   position: relative;
 }
 
-#sign-up-button:not(.hidden) {
-  display: block;
-}
-
 /* Pagination */
 .pagination {
   display: flex;