diff --git a/frontend/src/components/ConnectModal.tsx b/frontend/src/components/ConnectModal.tsx
index 902a665..0b83bf2 100644
--- a/frontend/src/components/ConnectModal.tsx
+++ b/frontend/src/components/ConnectModal.tsx
@@ -51,34 +51,34 @@ export function ConnectModal({ serviceType, label, onClose, onSuccess }: Readonl
 
   return (
     <dialog className="modal" ref={dialogRef}>
-        <div className="modal__header">
-          <h2 className="modal__title" id="modal-title">Connect to {label}</h2>
-          <button className="modal__close" onClick={onClose} aria-label="Close">×</button>
+      <div className="modal__header">
+        <h2 className="modal__title" id="modal-title">Connect to {label}</h2>
+        <button className="modal__close" onClick={onClose} aria-label="Close">×</button>
+      </div>
+      <form className="modal__form" onSubmit={handleSubmit}>
+        <div className="modal__field">
+          <label className="modal__label" htmlFor="appUrl">App URL</label>
+          <input id="appUrl" ref={firstInputRef} className="modal__input" type="url"
+                  placeholder="https://homebox.example.com"
+                  value={appUrl} onChange={e => setAppUrl(e.target.value)} required />
         </div>
-        <form className="modal__form" onSubmit={handleSubmit}>
-          <div className="modal__field">
-            <label className="modal__label" htmlFor="appUrl">App URL</label>
-            <input id="appUrl" ref={firstInputRef} className="modal__input" type="url"
-                   placeholder="https://homebox.example.com"
-                   value={appUrl} onChange={e => setAppUrl(e.target.value)} required />
-          </div>
-          <div className="modal__field">
-            <label className="modal__label" htmlFor="username">Username</label>
-            <input id="username" className="modal__input" type="text"
-                   autoComplete="username"
-                   value={username} onChange={e => setUsername(e.target.value)} required />
-          </div>
-          <div className="modal__field">
-            <label className="modal__label" htmlFor="password">Password</label>
-            <input id="password" className="modal__input" type="password"
-                   autoComplete="current-password"
-                   value={password} onChange={e => setPassword(e.target.value)} required />
-          </div>
-          {error && <p className="modal__error">{error}</p>}
-          <button className="modal__submit" type="submit" disabled={loading}>
-            {loading ? 'Connecting…' : 'Connect'}
-          </button>
-        </form>
-      </dialog>
+        <div className="modal__field">
+          <label className="modal__label" htmlFor="username">Username</label>
+          <input id="username" className="modal__input" type="text"
+                  autoComplete="username"
+                  value={username} onChange={e => setUsername(e.target.value)} required />
+        </div>
+        <div className="modal__field">
+          <label className="modal__label" htmlFor="password">Password</label>
+          <input id="password" className="modal__input" type="password"
+                  autoComplete="current-password"
+                  value={password} onChange={e => setPassword(e.target.value)} required />
+        </div>
+        {error && <p className="modal__error">{error}</p>}
+        <button className="modal__submit" type="submit" disabled={loading}>
+          {loading ? 'Connecting…' : 'Connect'}
+        </button>
+      </form>
+    </dialog>
   )
 }