diff --git a/app/templates/admin_invites.html b/app/templates/admin_invites.html
index f477233..ab625d4 100644
--- a/app/templates/admin_invites.html
+++ b/app/templates/admin_invites.html
@@ -28,12 +28,12 @@
                 <option value="expires">有效期</option>
             </select>
         </div>
-        <div id="max_uses_field" style="display:none">
-            <label style="margin-top:0">使用次数</label>
-            <input type="number" name="max_uses" min="1" value="1">
+        <div id="max_uses_field" style="display:none;align-items:center;gap:.5rem">
+            <label style="margin:0;white-space:nowrap">使用次数</label>
+            <input type="number" name="max_uses" min="1" value="1" style="width:6rem">
         </div>
-        <div id="expires_field" style="display:none">
-            <label style="margin-top:0">过期时间</label>
+        <div id="expires_field" style="display:none;align-items:center;gap:.5rem">
+            <label style="margin:0;white-space:nowrap">过期时间</label>
             <input type="datetime-local" name="expires_at">
         </div>
         <div class="form-actions">
@@ -97,8 +97,8 @@
 <script>
 function toggleLimitFields() {
     var t = document.getElementById('limit_type').value;
-    document.getElementById('max_uses_field').style.display = t === 'uses' ? 'flex' : 'none';
-    document.getElementById('expires_field').style.display = t === 'expires' ? 'flex' : 'none';
+    document.getElementById('max_uses_field').style.display = t === 'uses' ? 'inline-flex' : 'none';
+    document.getElementById('expires_field').style.display = t === 'expires' ? 'inline-flex' : 'none';
 }
 function toggleEditFields(id, val) {
     var form = document.getElementById('edit-form-' + id);