diff --git a/frontend/src/SchemaEditor.jsx b/frontend/src/SchemaEditor.jsx
index 71c1a13..fad06d2 100644
--- a/frontend/src/SchemaEditor.jsx
+++ b/frontend/src/SchemaEditor.jsx
@@ -86,7 +86,7 @@ function StatEditor({ statKey, def, onRenameKey, onChange, onRemove }) {
           </>
         )}
         <Num label="cooldown" value={def.cooldown} onChange={(v) => set('cooldown', v)} />
-        <label className="se-num">
+        <label className="se-num se-kind">
           <span>kind</span>
           <select value={isText ? 'text' : (def.type === 'counter' ? 'counter' : 'number')}
             onChange={(e) => setType(e.target.value === 'number' ? undefined : e.target.value)}>
diff --git a/frontend/src/index.css b/frontend/src/index.css
index 71e6e0d..9efa933 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -781,7 +781,8 @@ button:disabled { opacity: 0.45; cursor: default; transform: none; box-shadow: n
 }
 .se-num { display: flex; flex-direction: column; gap: 2px; }
 .se-num span { font-size: 0.7rem; color: var(--text-dim); }
-.se-num input { width: 72px; padding: 3px 6px; font-size: 0.82rem; }
+.se-num input, .se-num select { width: 72px; padding: 3px 6px; font-size: 0.82rem; border-radius: 6px; }
+.se-kind select { width: 118px; }
 .se-check {
   display: flex; align-items: center; gap: 5px;
   font-size: 0.8rem; color: var(--text-dim);