From 58c7866b10ae5b74f80bb228816dc36a23514c10 Mon Sep 17 00:00:00 2001
From: Thomas Zemp <tom@dhis2.org>
Date: Wed, 2 Aug 2023 16:33:27 +0200
Subject: [PATCH] fix: hide x scrollbar in replicate user [DHIS2-15611]

---
 src/pages/UserList/ContextMenu/Modals/ReplicateModal.js       | 2 +-
 .../UserList/ContextMenu/Modals/ReplicateModal.module.css     | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/pages/UserList/ContextMenu/Modals/ReplicateModal.js b/src/pages/UserList/ContextMenu/Modals/ReplicateModal.js
index 4ae3422d5..92f768dfb 100644
--- a/src/pages/UserList/ContextMenu/Modals/ReplicateModal.js
+++ b/src/pages/UserList/ContextMenu/Modals/ReplicateModal.js
@@ -62,7 +62,7 @@ const ReplicateModal = ({ user, refetchUsers, onClose }) => {
                             name: user.displayName,
                         })}
                     </ModalTitle>
-                    <ModalContent>
+                    <ModalContent className={styles.modalContent}>
                         <form onSubmit={handleSubmit}>
                             <TextField
                                 name="username"
diff --git a/src/pages/UserList/ContextMenu/Modals/ReplicateModal.module.css b/src/pages/UserList/ContextMenu/Modals/ReplicateModal.module.css
index 1217c0f5d..c2114420b 100644
--- a/src/pages/UserList/ContextMenu/Modals/ReplicateModal.module.css
+++ b/src/pages/UserList/ContextMenu/Modals/ReplicateModal.module.css
@@ -2,3 +2,7 @@
     max-width: 250px;
     margin-bottom: var(--spacers-dp8);
 }
+
+.modalContent {
+    overflow-x: hidden;
+}