diff --git a/packages/app-elements/src/ui/composite/Modal.tsx b/packages/app-elements/src/ui/composite/Modal.tsx
index 05910a55..f8bb93b0 100644
--- a/packages/app-elements/src/ui/composite/Modal.tsx
+++ b/packages/app-elements/src/ui/composite/Modal.tsx
@@ -85,7 +85,7 @@ export const Modal: React.FC<
             disabled={true}
             type="button"
             aria-label="Close modal"
-            className="fixed inset-0 z-50 bg-gray-900/90 animate-backdrop-fade-in cursor-default"
+            className="fixed inset-0 z-60 bg-gray-900/90 animate-backdrop-fade-in cursor-default"
             onClick={onClose}
             onKeyDown={(e) => {
               if (e.key === "Escape" || e.key === "Enter" || e.key === " ") {
@@ -95,9 +95,9 @@ export const Modal: React.FC<
           />
           <div
             className={cn(
-              "fixed z-50 w-full top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2",
-              size === "large" && "max-w-[600px] md:w-[600px]",
-              size === "small" && "max-w-[420px] md:w-[420px]",
+              "fixed z-70 w-full top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2",
+              size === "large" && "max-w-155 md:w-155",
+              size === "small" && "max-w-105 md:w-105",
             )}
             data-testid="modal"
           >
diff --git a/packages/app-elements/src/ui/internals/Overlay.tsx b/packages/app-elements/src/ui/internals/Overlay.tsx
index 7123e33e..ee7bc858 100644
--- a/packages/app-elements/src/ui/internals/Overlay.tsx
+++ b/packages/app-elements/src/ui/internals/Overlay.tsx
@@ -131,7 +131,7 @@ export const Overlay: React.FC<OverlayProps> = ({
             "bg-gray-50": backgroundColor === "light",
             "bg-white": backgroundColor == null,
             "inset-0 w-full": !drawer,
-            "top-0 right-0 bottom-0 w-full md:w-1/2 max-w-[800px] animate-slide-in-right":
+            "top-0 right-0 bottom-0 w-full md:w-1/2 max-w-200 animate-slide-in-right":
               drawer,
           },
         )}