From 150773f04addb033890b8c69aec8dc4cfbd83a70 Mon Sep 17 00:00:00 2001
From: Sidney Alcantara <sidney@sidney.me>
Date: Wed, 15 Jun 2022 16:18:04 +1000
Subject: [PATCH] update fullScreen modal transform origin

---
 src/theme/components.tsx | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/theme/components.tsx b/src/theme/components.tsx
index ea708583..d38a9542 100644
--- a/src/theme/components.tsx
+++ b/src/theme/components.tsx
@@ -83,11 +83,10 @@ export const components = (theme: Theme): ThemeOptions => {
 
           "#root": {
             "@supports selector(:has(a))": {
+              transformOrigin: `50% ${theme.spacing(1)}`,
               transition: theme.transitions.create(
                 ["transform", "border-radius"],
-                {
-                  duration: theme.transitions.duration.leavingScreen,
-                }
+                { duration: theme.transitions.duration.leavingScreen }
               ),
             },
           },
@@ -288,7 +287,7 @@ export const components = (theme: Theme): ThemeOptions => {
                 borderRadius: (theme.shape.borderRadius as number) * 2,
                 overflow: "hidden",
 
-                transform: "scale(0.9) translateY(-4.5%)",
+                transform: `scale(0.9) translateY(${theme.spacing(1)})`,
                 transition: theme.transitions.create(
                   ["transform", "border-radius"],
                   {