diff --git a/forms-flow-web/src/components/CustomComponents/MultiSelect.js b/forms-flow-web/src/components/CustomComponents/MultiSelect.js
index 7d495a58a2..549b50c8cc 100644
--- a/forms-flow-web/src/components/CustomComponents/MultiSelect.js
+++ b/forms-flow-web/src/components/CustomComponents/MultiSelect.js
@@ -56,7 +56,7 @@ const RoleSelector = ({ allRoles = [], selectedRoles = [], setSelectedRoles }) =
   }, []);
 
   return (
-    <div className="w-100">
+    <div className="multi-select w-100">
       <div className="input-with-pills form-control cursor-pointer position-relative">
         {selectedRoles.map((role, index) => (
           <CustomPill