diff --git a/app/package.json b/app/package.json
index 85dcd33..ec3578e 100644
--- a/app/package.json
+++ b/app/package.json
@@ -16,7 +16,7 @@
     "@fortawesome/free-regular-svg-icons": "^6.5.2",
     "@fortawesome/free-solid-svg-icons": "^6.5.2",
     "@fortawesome/react-fontawesome": "^0.2.2",
-    "@noahspan/noahspan-components": "^0.3.5",
+    "@noahspan/noahspan-components": "^0.3.8",
     "axios": "^1.7.2",
     "framer-motion": "^11.1.7",
     "react": "^18.2.0",
diff --git a/app/src/components/pilotForm/PilotForm.tsx b/app/src/components/pilotForm/PilotForm.tsx
index 3a743a2..047b2a3 100644
--- a/app/src/components/pilotForm/PilotForm.tsx
+++ b/app/src/components/pilotForm/PilotForm.tsx
@@ -4,8 +4,8 @@ import {
   Accordion,
   AccordionBody,
   AccordionHeader,
-  ChevronDown,
-  ChevronUp,
+  ChevronDownIcon,
+  ChevronUpIcon,
   DatePicker,
   Input,
   Option,
@@ -31,7 +31,7 @@ const PilotForm: React.FC<unknown> = () => {
       <form className="m-10" onSubmit={handleSubmit(onSubmit)}>
         <Accordion
           open={open === 1}
-          icon={open === 1 ? <ChevronDown /> : <ChevronUp />}
+          icon={open === 1 ? <ChevronDownIcon /> : <ChevronUpIcon />}
         >
           <AccordionHeader onClick={() => handleOpen(1)}>Info</AccordionHeader>
           <AccordionBody>
@@ -120,7 +120,7 @@ const PilotForm: React.FC<unknown> = () => {
         </Accordion>
         <Accordion
           open={open === 2}
-          icon={open === 2 ? <ChevronDown /> : <ChevronUp />}
+          icon={open === 2 ? <ChevronDownIcon /> : <ChevronUpIcon />}
         >
           <AccordionHeader onClick={() => handleOpen(2)}>
             Certificates
@@ -131,7 +131,7 @@ const PilotForm: React.FC<unknown> = () => {
         </Accordion>
         <Accordion
           open={open === 3}
-          icon={open === 3 ? <ChevronDown /> : <ChevronUp />}
+          icon={open === 3 ? <ChevronDownIcon /> : <ChevronUpIcon />}
         >
           <AccordionHeader onClick={() => handleOpen(3)}>
             Endorsements
@@ -142,7 +142,7 @@ const PilotForm: React.FC<unknown> = () => {
         </Accordion>
         <Accordion
           open={open === 4}
-          icon={open === 4 ? <ChevronDown /> : <ChevronUp />}
+          icon={open === 4 ? <ChevronDownIcon /> : <ChevronUpIcon />}
         >
           <AccordionHeader onClick={() => handleOpen(4)}>
             Medical
diff --git a/package-lock.json b/package-lock.json
index c3d13de..76e3495 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -77,7 +77,7 @@
         "@fortawesome/free-regular-svg-icons": "^6.5.2",
         "@fortawesome/free-solid-svg-icons": "^6.5.2",
         "@fortawesome/react-fontawesome": "^0.2.2",
-        "@noahspan/noahspan-components": "^0.3.5",
+        "@noahspan/noahspan-components": "^0.3.8",
         "axios": "^1.7.2",
         "framer-motion": "^11.1.7",
         "react": "^18.2.0",
@@ -3503,9 +3503,9 @@
       "link": true
     },
     "node_modules/@noahspan/noahspan-components": {
-      "version": "0.3.5",
-      "resolved": "https://registry.npmjs.org/@noahspan/noahspan-components/-/noahspan-components-0.3.5.tgz",
-      "integrity": "sha512-7sRZO7rs5/WhCmio7ex0z9iAB6/xH+zomAJjGgUfs5IAVxKIOVy1euSe9d3Re9tg9BS3pLecXkO0kNKsJaGuUQ==",
+      "version": "0.3.8",
+      "resolved": "https://registry.npmjs.org/@noahspan/noahspan-components/-/noahspan-components-0.3.8.tgz",
+      "integrity": "sha512-Oj7CX0NYM/D9D4msKU3LRuFMmV8ArpAzYWFiXUH2029E5L9/WqmRzPMfmZXWKIQPB6uS52mqyz1/amwg2JyVyw==",
       "dependencies": {
         "@fortawesome/fontawesome-svg-core": "^6.5.2",
         "@fortawesome/free-brands-svg-icons": "^6.5.2",