From b41e529b8d974c621a85e9874e7fb5ceabee264d Mon Sep 17 00:00:00 2001
From: clausbruun <claus@b-ruu.dk>
Date: Thu, 6 Jun 2024 15:19:25 +0200
Subject: [PATCH] Update the Multiselect component and avoid the default blue
 button color on iOS.

---
 src/stories/Library/multiselect/Multiselect.tsx  | 14 ++++++++------
 src/stories/Library/multiselect/multiselect.scss |  1 +
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/stories/Library/multiselect/Multiselect.tsx b/src/stories/Library/multiselect/Multiselect.tsx
index 3824fbafd..eef499f0a 100644
--- a/src/stories/Library/multiselect/Multiselect.tsx
+++ b/src/stories/Library/multiselect/Multiselect.tsx
@@ -18,12 +18,14 @@ export const Multiselect: React.FC<MultiselectProps> = ({
         <div className="multiselect__caption">Caption for multiselect</div>
       )}
       <div className="multiselect">
-        <div className="multiselect__selected">
-          Mulighed 1, Mulighed 2, Mulighed 3, Mulighed 4
-        </div>
-        <div className="multiselect__opener">
-          <ExpandMoreIcon className="multiselect__icon" />
-        </div>
+        <button type="button" className="multiselect">
+          <div className="multiselect__selected">
+            Mulighed 1, Mulighed 2, Mulighed 3, Mulighed 4
+          </div>
+          <div className="multiselect__opener">
+            <ExpandMoreIcon className="multiselect__icon" />
+          </div>
+        </button>
         {isOpen && (
           <ul className="multiselect__options">
             {options.map((item, index) => (
diff --git a/src/stories/Library/multiselect/multiselect.scss b/src/stories/Library/multiselect/multiselect.scss
index b2cc4f0c8..9802db961 100644
--- a/src/stories/Library/multiselect/multiselect.scss
+++ b/src/stories/Library/multiselect/multiselect.scss
@@ -7,6 +7,7 @@
   align-items: center;
   flex-direction: row;
   border: 1px solid $color__global-tertiary-1;
+  color: $color__global-grey;
 
   &__selected {
     @include typography($typo__button);