diff --git a/app/package.json b/app/package.json
index 1ae382e..1c43198 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.4.9",
+    "@noahspan/noahspan-components": "^0.5.1",
     "axios": "^1.7.2",
     "framer-motion": "^11.1.7",
     "react": "^18.2.0",
diff --git a/app/src/components/pilotFormCertificates/PilotFormCertificates.tsx b/app/src/components/pilotFormCertificates/PilotFormCertificates.tsx
index 13dcdb7..5e92893 100644
--- a/app/src/components/pilotFormCertificates/PilotFormCertificates.tsx
+++ b/app/src/components/pilotFormCertificates/PilotFormCertificates.tsx
@@ -5,7 +5,8 @@ import {
   Input,
   Option,
   PlusIcon,
-  Select
+  Select,
+  TrashIcon
 } from '@noahspan/noahspan-components';
 import { Controller, useFieldArray, useFormContext } from 'react-hook-form';
 
@@ -83,7 +84,13 @@ const PilotFormCertificates: React.FC<IPilotFormCertificates> = ({
               />
             </div>
             <div className="col-span-1">
-              <Button onClick={() => remove(index)}>Remove</Button>
+              <Button
+                className="flex items-center gap-3"
+                onClick={() => remove(index)}
+              >
+                <TrashIcon size="lg" />
+                Delete
+              </Button>
             </div>
           </>
         );
diff --git a/app/src/components/pilotFormEndorsements/PilotFormEndorsements.tsx b/app/src/components/pilotFormEndorsements/PilotFormEndorsements.tsx
index 5c0bd34..5e536aa 100644
--- a/app/src/components/pilotFormEndorsements/PilotFormEndorsements.tsx
+++ b/app/src/components/pilotFormEndorsements/PilotFormEndorsements.tsx
@@ -5,7 +5,8 @@ import {
   Input,
   Option,
   PlusIcon,
-  Select
+  Select,
+  TrashIcon
 } from '@noahspan/noahspan-components';
 import { Controller, useFieldArray, useFormContext } from 'react-hook-form';
 
@@ -71,7 +72,13 @@ const PilotFormEndorsements: React.FC<IPilotFormEndorsements> = ({
               />
             </div>
             <div className="col-span-1">
-              <Button onClick={() => remove(index)}>Remove</Button>
+              <Button
+                className="flex items-center gap-3"
+                onClick={() => remove(index)}
+              >
+                <TrashIcon size="lg" />
+                Delete
+              </Button>
             </div>
           </>
         );
@@ -89,7 +96,7 @@ const PilotFormEndorsements: React.FC<IPilotFormEndorsements> = ({
           variant="outlined"
         >
           <PlusIcon size="lg" />
-          Add
+          Add Endorsement
         </Button>
       </div>
     </>
diff --git a/package-lock.json b/package-lock.json
index 9bdb70c..ea58532 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -74,7 +74,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.4.9",
+        "@noahspan/noahspan-components": "^0.5.1",
         "axios": "^1.7.2",
         "framer-motion": "^11.1.7",
         "react": "^18.2.0",
@@ -3385,9 +3385,9 @@
       "link": true
     },
     "node_modules/@noahspan/noahspan-components": {
-      "version": "0.4.9",
-      "resolved": "https://registry.npmjs.org/@noahspan/noahspan-components/-/noahspan-components-0.4.9.tgz",
-      "integrity": "sha512-Cr+cQZkCjY2JQokQrhbgCTXdD4vzFHRL4t9D5sutdouHFJAsW+vx1Qj35EyZ1quOwaisLbmMc/UqJgZldcFPaw==",
+      "version": "0.5.1",
+      "resolved": "https://registry.npmjs.org/@noahspan/noahspan-components/-/noahspan-components-0.5.1.tgz",
+      "integrity": "sha512-H5up7kF35Vvkq0GJwEVNDu80o4V018BVcptDMOrFEAP7Ph/SngAFBOgMBU8o7Jl9oDR91FCQC0VHbzG8cqjROA==",
       "dependencies": {
         "@fortawesome/fontawesome-svg-core": "^6.5.2",
         "@fortawesome/free-brands-svg-icons": "^6.5.2",