fix button size issue

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lingdocs/pashto-inflector",
-  "version": "3.6.4",
+  "version": "3.6.5",
   "author": "lingdocs.com",
   "description": "A Pashto inflection and verb conjugation engine, inculding React components for displaying Pashto text, inflections, and conjugations",
   "homepage": "https://verbs.lingdocs.com",

src/components/DisplayModeSelect.tsx

@@ -20,12 +20,8 @@ export function ScriptSelect({ value, onChange }: { value: "p" | "f", onChange:
 }
 
 export function LengthSelect({ value, onChange }: { value: "long" | "short", onChange: (l: "long" | "short") => void }) {
-    return <button style={{ marginLeft: "1.5rem" }} className="btn btn-sm btn-light">
-        {value === "long" ? <div className="clickable" onClick={() => onChange("short")}>
-            long
-        </div> : <div className="clickable" onClick={() => onChange("long")}>
-            short
-        </div>}
+    return <button style={{ marginLeft: "1.5rem" }} className="btn btn-sm btn-light" onClick={() => onChange(value === "long" ? "short" : "long")}>
+        {value}
     </button>;
 }