diff --git a/core/src/components/menu-controller/menu-controller.scss b/core/src/components/menu-controller/menu-controller.scss
index 81459596b0..fd3d1e4f9d 100644
--- a/core/src/components/menu-controller/menu-controller.scss
+++ b/core/src/components/menu-controller/menu-controller.scss
@@ -18,6 +18,10 @@
   box-shadow: $menu-ios-box-shadow-reveal;
 }
 
+[dir=rtl].ios .menu-content-reveal {
+  box-shadow: $menu-ios-box-shadow-reveal-rtl;
+}
+
 .ios .menu-content-push {
   box-shadow: $menu-ios-box-shadow-push;
 }
diff --git a/core/src/components/menu/menu.ios.vars.scss b/core/src/components/menu/menu.ios.vars.scss
index 3c8ff8ce72..e2fe544869 100644
--- a/core/src/components/menu/menu.ios.vars.scss
+++ b/core/src/components/menu/menu.ios.vars.scss
@@ -12,9 +12,15 @@ $menu-ios-box-shadow-color:      rgba(0, 0, 0, .08) !default;
 /// @prop - Box shadow of the menu
 $menu-ios-box-shadow:            -8px 0 42px $menu-ios-box-shadow-color !default;
 
+/// @prop - Box shadow of the menu in rtl mode
+$menu-ios-box-shadow-rtl:        8px 0 42px $menu-ios-box-shadow-color !default;
+
 /// @prop - Box shadow of the reveal menu
 $menu-ios-box-shadow-reveal:     $menu-ios-box-shadow !default;
 
+/// @prop - Box shadow of the reveal menu
+$menu-ios-box-shadow-reveal-rtl: $menu-ios-box-shadow-rtl !default;
+
 /// @prop - Box shadow of the push menu
 $menu-ios-box-shadow-push:       null !default;