Improve styles

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "@codex-storage/marketplace-ui-components",
-  "version": "0.0.34",
+  "version": "0.0.35",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@codex-storage/marketplace-ui-components",
-      "version": "0.0.34",
+      "version": "0.0.35",
       "license": "MIT",
       "dependencies": {
         "lucide-react": "^0.453.0"

package.json

@@ -5,7 +5,7 @@
     "type": "git",
     "url": "https://github.com/codex-storage/codex-marketplace-ui-components"
   },
-  "version": "0.0.34",
+  "version": "0.0.35",
   "type": "module",
   "scripts": {
     "prepack": "npm run build",

src/components/Button/button.css

@@ -5,6 +5,7 @@
 
   &.button--small {
     --codex-button-padding: 6px 10px;
+    height: 40px;
   }
 
   border-radius: 8px;

src/components/Select/Select.tsx

@@ -47,7 +47,7 @@ export function Select({
 }: Props) {
   return (
     <div className={"select " + className}>
-      <label htmlFor={id}>{label}</label>
+      {label && <label htmlFor={id}>{label}</label>}
       <select
         id={id}
         onChange={onChange}

src/components/Select/select.css

@@ -23,6 +23,7 @@
     background-repeat: no-repeat;
     background-size: 1.25em 1.25em;
     box-sizing: border-box;
+    height: 40px;
 
     @media (min-width: 801px) {
       & {