diff --git a/resources/cider-ui-tests/index.html b/resources/cider-ui-tests/index.html
index 61899b09..cd2ea4cf 100644
--- a/resources/cider-ui-tests/index.html
+++ b/resources/cider-ui-tests/index.html
@@ -174,8 +174,8 @@
 
                         <div class="sidebar-user-text">
                             <template v-if="chrome.userinfo.attributes">
-                                <div class="fullname">{{ chrome.userinfo.attributes.name }}</div>
-                                <div class="handle-text">@{{ chrome.userinfo.attributes.handle }}</div>
+                                <div class="fullname text-overflow-elipsis">{{ chrome.userinfo.attributes.name }}</div>
+                                <div class="handle-text text-overflow-elipsis">@{{ chrome.userinfo.attributes.handle }}</div>
                             </template>
                             <template v-else>
                                 Sign in
diff --git a/resources/cider-ui-tests/style.css b/resources/cider-ui-tests/style.css
index cb29aa85..98d366e6 100644
--- a/resources/cider-ui-tests/style.css
+++ b/resources/cider-ui-tests/style.css
@@ -271,7 +271,7 @@ input[type=range].web-slider::-webkit-slider-runnable-track {
 
 .app-sidebar-button {
     width: 100%;
-    padding: 8px;
+    padding: 0px;
     font-family: inherit;
     display: flex;
     border-radius: 6px;
@@ -283,13 +283,14 @@ input[type=range].web-slider::-webkit-slider-runnable-track {
 }
 
 .app-sidebar-button > .sidebar-user-icon {
-    width: 26px;
-    height: 26px;
+    width: 32px;
+    height: 32px;
     border-radius: 100%;
     background-image: var(--artwork);
-    margin: 2px;
+    margin: 10px;
     flex: 0 0 auto;
     box-shadow: var(--mediaItemShadow);
+    background-size: contain;
 }
 
 .app-sidebar-button > .sidebar-user-text {