diff --git a/packages/core/src/login/webview/vue/base.css b/packages/core/src/login/webview/vue/base.css
index 47110a224e2..1a4a6297c26 100644
--- a/packages/core/src/login/webview/vue/base.css
+++ b/packages/core/src/login/webview/vue/base.css
@@ -9,9 +9,3 @@
     /* Alignment */
     --auth-container-top: 15%;
 }
-
-@media (max-width: 260px) {
-    body {
-        scale: 0.6;
-    }
-}
diff --git a/packages/core/src/login/webview/vue/login.vue b/packages/core/src/login/webview/vue/login.vue
index 3068780d82a..f15848a9069 100644
--- a/packages/core/src/login/webview/vue/login.vue
+++ b/packages/core/src/login/webview/vue/login.vue
@@ -592,7 +592,8 @@ export default defineComponent({
     margin: auto;
     position: absolute;
     top: var(--auth-container-top);
-    width: 260px;
+    max-width: 260px;
+    width: 90vw;
 }
 
 .header {
diff --git a/packages/core/src/login/webview/vue/reauthenticate.vue b/packages/core/src/login/webview/vue/reauthenticate.vue
index b43af14eb51..32e60b97049 100644
--- a/packages/core/src/login/webview/vue/reauthenticate.vue
+++ b/packages/core/src/login/webview/vue/reauthenticate.vue
@@ -169,12 +169,14 @@ export default defineComponent({
     justify-content: space-between;
     /** The overall height of the container, then spacing is automatic between child elements */
     height: 7rem;
+    text-align: center;
 }
 
 #content-container > * {
     display: flex;
     flex-direction: column;
     align-items: center;
+    text-align: center;
 }
 
 #icon-container {
@@ -203,6 +205,7 @@ button#reauthenticate {
     padding: 0.3rem;
     width: 80%;
     user-select: none;
+    max-width: 260px;
 }
 
 button#signout {
diff --git a/packages/core/src/login/webview/vue/selectableItem.vue b/packages/core/src/login/webview/vue/selectableItem.vue
index 6b92993b454..2ac95876f28 100644
--- a/packages/core/src/login/webview/vue/selectableItem.vue
+++ b/packages/core/src/login/webview/vue/selectableItem.vue
@@ -188,4 +188,10 @@ body.vscode-high-contrast:not(body.vscode-high-contrast-light) .icon .svg-path {
 body.vscode-high-contrast-light .icon .svg-path {
     fill: black;
 }
+
+.item-container-base .text .p {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
 </style>