diff --git a/react/CozyDialogs/styles.styl b/react/CozyDialogs/styles.styl index 1fa8f5b2e4..0952bffe8d 100644 --- a/react/CozyDialogs/styles.styl +++ b/react/CozyDialogs/styles.styl @@ -5,7 +5,6 @@ top 1.15rem right 1.15rem z-index 1 - transform translateY(var(--flagship-top-height)) +small-screen() top 0.25rem right 0.25rem diff --git a/react/MuiCozyTheme/makeOverrides.js b/react/MuiCozyTheme/makeOverrides.js index 16bf9ccb7c..9b12d6952f 100644 --- a/react/MuiCozyTheme/makeOverrides.js +++ b/react/MuiCozyTheme/makeOverrides.js @@ -627,6 +627,9 @@ const makeOverrides = theme => ({ paperFullScreen: { '& .cozyDialogActions': { paddingBottom: 'env(safe-area-inset-bottom)' + }, + '& [class*="DialogCloseButton"]': { + transform: 'translateY(var(--flagship-top-height))' } } },