diff --git a/app/renderer/css/preference.css b/app/renderer/css/preference.css
index c8a79c498..146a49b0b 100644
--- a/app/renderer/css/preference.css
+++ b/app/renderer/css/preference.css
@@ -263,6 +263,7 @@ label.setting-input-value:focus-within {
 }
 
 .setting-input-add-server {
+  width: 34ch;
   color: rgb(34 44 49 / 100%);
 }
 
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>