diff --git a/app/renderer/css/preference.css b/app/renderer/css/preference.css
index c8a79c498..afaf3dbdb 100644
--- a/app/renderer/css/preference.css
+++ b/app/renderer/css/preference.css
@@ -269,6 +269,7 @@ label.setting-input-value:focus-within {
 .server-url-size-calc {
   visibility: hidden;
   height: 0;
+  width: 34ch;
 }
 
 .manual-proxy-block {
diff --git a/app/renderer/js/pages/preference/new-server-form.ts b/app/renderer/js/pages/preference/new-server-form.ts
index 128d4eeac..20f641b9d 100644
--- a/app/renderer/js/pages/preference/new-server-form.ts
+++ b/app/renderer/js/pages/preference/new-server-form.ts
@@ -22,7 +22,6 @@ export function initNewServerForm({$root, onChange}: NewServerFormProps): void {
             class="setting-input-add-server"
             autofocus
             placeholder="your-organization.zulipchat.com"
-            style="width: 34ch"
           />
           <span class="add-server-domain"></span>
           <span class="server-url-size-calc"></span>