From c42b4c2b42e7452948de6c3217499bb5d949c605 Mon Sep 17 00:00:00 2001
From: Kamlesh Singh Bisht <kamlesh.bisht@infosys.com>
Date: Mon, 2 Dec 2024 10:13:20 +0530
Subject: [PATCH] [INJIWEB-1149]: Fix Borders for ShareVisibility Tablet Mode

Signed-off-by: Kamlesh Singh Bisht <kamlesh.bisht@infosys.com>
---
 inji-web/src/modals/ModalWrapper.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/inji-web/src/modals/ModalWrapper.tsx b/inji-web/src/modals/ModalWrapper.tsx
index 6ed314fb..e194633e 100644
--- a/inji-web/src/modals/ModalWrapper.tsx
+++ b/inji-web/src/modals/ModalWrapper.tsx
@@ -5,7 +5,7 @@ export const ModalWrapper:React.FC<ModalWrapperProps> = (props) => {
 
     return <>
         <div data-testid={"ModalWrapper-Outer-Container"} className={`justify-center items-center flex overflow-x-hidden overflow-y-auto fixed inset-0 ${props.zIndex == 50 ? 'z-50': 'z-40'} outline-none focus:outline-none`}>
-            <div className={`relative w-auto my-6 mx-auto ${props.size === '3xl' ? 'max-w-3xl' : 'max-w-sm'}`}>
+            <div className={`relative w-auto my-6 mx-auto sm:mx-5 ${props.size === '3xl' ? 'max-w-3xl' : 'max-w-sm'}`}>
                 <div data-testid={"ModalWrapper-Inner-Container"} className="border-0 rounded-lg shadow-lg relative flex flex-col w-full bg-iw-background outline-none focus:outline-none">
                     {props.header}
                     {props.content}