From 52693319e1afd087213d819a2b6c15fb61120742 Mon Sep 17 00:00:00 2001
From: Gbacc <Gbacc@users.noreply.github.com>
Date: Thu, 18 Jan 2024 15:27:35 +0100
Subject: [PATCH] fix(TDOPS-5854): Remove border on MultiSelectTag widget with
 Typeahead (#5124)

---
 .changeset/hot-pumas-tan.md                                  | 5 +++++
 .../UIForm/fields/MultiSelectTag/MultiSelectTag.module.scss  | 3 ++-
 2 files changed, 7 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/hot-pumas-tan.md

diff --git a/.changeset/hot-pumas-tan.md b/.changeset/hot-pumas-tan.md
new file mode 100644
index 00000000000..9f4e5bef072
--- /dev/null
+++ b/.changeset/hot-pumas-tan.md
@@ -0,0 +1,5 @@
+---
+'@talend/react-forms': patch
+---
+
+TDOPS-5854 - Fix MultiSelectTag widget to remove border from Typeahead component
diff --git a/packages/forms/src/UIForm/fields/MultiSelectTag/MultiSelectTag.module.scss b/packages/forms/src/UIForm/fields/MultiSelectTag/MultiSelectTag.module.scss
index 1eee306ed58..4059857d5cb 100644
--- a/packages/forms/src/UIForm/fields/MultiSelectTag/MultiSelectTag.module.scss
+++ b/packages/forms/src/UIForm/fields/MultiSelectTag/MultiSelectTag.module.scss
@@ -14,8 +14,9 @@ $tc-badge-margin: $padding-smaller !default;
 	height: auto;
 	padding: 0;
 
-	input {
+	[class^='InputWrapper-module'] {
 		border: none;
+		box-shadow: none;
 	}
 
 	.focus-manager {