From a3d78860fa7e2c0dbce4e65421daee13c7c5156c Mon Sep 17 00:00:00 2001
From: Gido Manders <gido.manders@42.nl>
Date: Tue, 15 Aug 2023 16:46:11 +0200
Subject: [PATCH] fix: modal picker selection tag background

The background of the selection changed, but the opacity is also applied
to the tags.

Changed selection tags to have no background opacity.
---
 src/form/ModalPicker/multiple/ModalPickerMultiple.tsx           | 2 +-
 .../multiple/__snapshots__/ModalPickerMultiple.test.tsx.snap    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/form/ModalPicker/multiple/ModalPickerMultiple.tsx b/src/form/ModalPicker/multiple/ModalPickerMultiple.tsx
index 7bee255c..87eba0f3 100644
--- a/src/form/ModalPicker/multiple/ModalPickerMultiple.tsx
+++ b/src/form/ModalPicker/multiple/ModalPickerMultiple.tsx
@@ -342,7 +342,7 @@ export function ModalPickerMultiple<T>(props: Props<T>) {
   function renderModalCurrentSelection() {
     return (
       <Row className="mb-3 py-2 bg-dark bg-opacity-10">
-        <Col>
+        <Col className="bg-opacity-100">
           {selected && selected.length > 0 ? (
             selected.map((value) => {
               const label = labelForOption(value);
diff --git a/src/form/ModalPicker/multiple/__snapshots__/ModalPickerMultiple.test.tsx.snap b/src/form/ModalPicker/multiple/__snapshots__/ModalPickerMultiple.test.tsx.snap
index cd36f716..e8d962e2 100644
--- a/src/form/ModalPicker/multiple/__snapshots__/ModalPickerMultiple.test.tsx.snap
+++ b/src/form/ModalPicker/multiple/__snapshots__/ModalPickerMultiple.test.tsx.snap
@@ -103,7 +103,7 @@ exports[`Component: ModalPickerMultiple ui default: modal 1`] = `
                   class="mb-3 py-2 bg-dark bg-opacity-10 row"
                 >
                   <div
-                    class="col"
+                    class="bg-opacity-100 col"
                   >
                     <span
                       class="text-muted"