From 2d04bccc49a1864e27681786b6360e4ce18958c9 Mon Sep 17 00:00:00 2001
From: Chuck Dries <chuck@chuckdries.com>
Date: Fri, 18 Nov 2022 08:07:07 -0800
Subject: [PATCH] select label styling

---
 src/components/Select.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/Select.tsx b/src/components/Select.tsx
index b905f0a..4214c26 100644
--- a/src/components/Select.tsx
+++ b/src/components/Select.tsx
@@ -6,7 +6,7 @@ import {
   HiddenSelect,
   useButton,
   mergeProps,
-  useFocusRing
+  useFocusRing,
 } from "react-aria";
 // import { SelectorIcon } from "@heroicons/react/solid";
 import ChevronDown from "@spectrum-icons/workflow/ChevronDown";
@@ -56,6 +56,7 @@ export function Select<T extends object>(props: AriaSelectProps<T>) {
       >
         <span
           {...valueProps}
+          className="text-sm"
           // className={`text-md flex-auto ${
           //   state.selectedItem ? "text-gray-800" : "text-gray-500"
           // }`}
@@ -65,9 +66,9 @@ export function Select<T extends object>(props: AriaSelectProps<T>) {
             : "Select an option"}
         </span>
         <ChevronDown
-        UNSAFE_className="mx-1"
+          UNSAFE_className="mx-1"
           UNSAFE_style={{
-            width: '15px'
+            width: "15px",
           }}
           // UNSAFE_className={`w-[20px] h-5 ${
           //   isFocusVisible ? "text-pink-500" : "text-gray-500"