diff --git a/src/__snapshots__/index.test.tsx.snap b/src/__snapshots__/index.test.tsx.snap
index d4cd1d2..438374c 100644
--- a/src/__snapshots__/index.test.tsx.snap
+++ b/src/__snapshots__/index.test.tsx.snap
@@ -16,7 +16,7 @@ exports[`ChakraUI AutoComplete  it renders 1`] = `
       className="chakra-stack css-1pifhv5"
     >
       <label
-        className="chakra-form__label css-uvho5g"
+        className="chakra-form__label css-1l2u59i"
         htmlFor="downshift-0-input"
         id="downshift-0-label"
       >
diff --git a/src/index.test.tsx b/src/index.test.tsx
index 6a76d1d..58391b1 100644
--- a/src/index.test.tsx
+++ b/src/index.test.tsx
@@ -61,6 +61,9 @@ export default function MultiSelect() {
           tagStyleProps={{
             rounded: 'full'
           }}
+          labelStyleProps={{
+            color: 'rebeccapurple'
+          }}
           label='Choose preferred work locations'
           placeholder='Type a Country'
           onCreateItem={handleCreateItem}
diff --git a/src/index.tsx b/src/index.tsx
index 11503af..15472e2 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -191,7 +191,7 @@ export const CUIAutoComplete = <T extends Item>(
 
   return (
     <Stack>
-      <FormLabel {...getLabelProps({})}>{label}</FormLabel>
+      <FormLabel {...{...labelStyleProps, ...getLabelProps({})}}>{label}</FormLabel>
 
       {/* ---------Stack with Selected Menu Tags above the Input Box--------- */}
       {selectedItems && (