From 10ad331338e9619de8c1cb299571de9998c59dfb Mon Sep 17 00:00:00 2001
From: ccedrone <77400920+ccedrone@users.noreply.github.com>
Date: Thu, 30 Nov 2023 15:29:26 -0500
Subject: [PATCH] Fix - Native Select / Select - Additional Content redundancy
 / CSS  (#1168)

---
 .changeset/fix-additionalContent.md                   |  5 +++++
 .../src/components/NativeSelect/NativeSelect.tsx      | 11 ++++++-----
 2 files changed, 11 insertions(+), 5 deletions(-)
 create mode 100644 .changeset/fix-additionalContent.md

diff --git a/.changeset/fix-additionalContent.md b/.changeset/fix-additionalContent.md
new file mode 100644
index 0000000000..a8d02f5dea
--- /dev/null
+++ b/.changeset/fix-additionalContent.md
@@ -0,0 +1,5 @@
+---
+'react-magma-dom': minor
+---
+
+fix(Select/NativeSelect): Fixed alignment issues in Select regarding additional content icon. Fixed duplicate additional content in Native Select.
diff --git a/packages/react-magma-dom/src/components/NativeSelect/NativeSelect.tsx b/packages/react-magma-dom/src/components/NativeSelect/NativeSelect.tsx
index fccd588e99..bc2edd0862 100644
--- a/packages/react-magma-dom/src/components/NativeSelect/NativeSelect.tsx
+++ b/packages/react-magma-dom/src/components/NativeSelect/NativeSelect.tsx
@@ -179,15 +179,16 @@ export const NativeSelect = React.forwardRef<HTMLDivElement, NativeSelectProps>(
           disabled={disabled}
           hasError={!!errorMessage}
           isInverse={isInverse}
-          helperMessage={helperMessage}
-          messageStyle={messageStyle}
-          ref={ref}
+          theme={theme}
         >
-          <StyledNativeSelectWrapper
-            disabled={disabled}
+          <StyledNativeSelect
+            data-testid={testId}
             hasError={!!errorMessage}
+            disabled={disabled}
+            id={id}
             isInverse={isInverse}
             theme={theme}
+            {...other}
           >
             {children}
           </StyledNativeSelect>