From f1561174e519138d55957aca32a3b276d30fa7ad Mon Sep 17 00:00:00 2001
From: Fabio Aiello <fabio.aiello@appfolio.com>
Date: Tue, 1 Aug 2023 08:53:23 -0700
Subject: [PATCH] fix: add aria label to component

---
 src/components/Form/FormRow.tsx           | 9 ++++++++-
 src/components/Spinner/Spinner.stories.js | 2 +-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/components/Form/FormRow.tsx b/src/components/Form/FormRow.tsx
index 9678def33..7366a8931 100644
--- a/src/components/Form/FormRow.tsx
+++ b/src/components/Form/FormRow.tsx
@@ -111,7 +111,14 @@ function FormRow<T extends TypeProp>({
       validFeedback={validFeedback}
       width={width}
     >
-      <InputComponent id={id} size={size} {...validProps} {...props} {...childFeedback}>
+      <InputComponent
+        id={id}
+        size={size}
+        aria-required={required}
+        {...validProps}
+        {...props}
+        {...childFeedback}
+      >
         {memoChildren}
       </InputComponent>
     </FormLabelGroup>
diff --git a/src/components/Spinner/Spinner.stories.js b/src/components/Spinner/Spinner.stories.js
index f9e936a8f..9dc6a067d 100644
--- a/src/components/Spinner/Spinner.stories.js
+++ b/src/components/Spinner/Spinner.stories.js
@@ -28,7 +28,7 @@ export const Default = () => {
       </p>
 
       <hr />
-      <h3>...and inherit color from it&apos;s container:</h3>
+      <h3>...and inherit color from its container:</h3>
       <p>
         <Button color="secondary" size="lg" className="me-3">
           <Spinner type={type} /> Loading