diff --git a/core/src/components/action-sheet/action-sheet.ios.scss b/core/src/components/action-sheet/action-sheet.ios.scss index 4bd0540db80..d2c06d96bf0 100644 --- a/core/src/components/action-sheet/action-sheet.ios.scss +++ b/core/src/components/action-sheet/action-sheet.ios.scss @@ -22,11 +22,6 @@ text-align: $action-sheet-ios-text-align; } -.action-sheet-wrapper { - @include margin(var(--ion-safe-area-top, 0), auto, var(--ion-safe-area-bottom, 0), auto); -} - - // iOS Action Sheet Container // --------------------------------------------------- diff --git a/core/src/components/action-sheet/action-sheet.scss b/core/src/components/action-sheet/action-sheet.scss index a19e11be192..bdc813571a6 100644 --- a/core/src/components/action-sheet/action-sheet.scss +++ b/core/src/components/action-sheet/action-sheet.scss @@ -67,7 +67,7 @@ .action-sheet-wrapper { @include position(null, 0, 0, 0); - @include margin(auto); + @include margin(var(--ion-safe-area-top, 0), auto, var(--ion-safe-area-bottom, 0), auto); @include transform(translate3d(0, 100%, 0)); display: block;