diff --git a/packages/core/src/components/split-pane/split-pane.scss b/packages/core/src/components/split-pane/split-pane.scss
index fa9de837e5..03e98f9617 100644
--- a/packages/core/src/components/split-pane/split-pane.scss
+++ b/packages/core/src/components/split-pane/split-pane.scss
@@ -30,7 +30,10 @@
   box-shadow: none !important;
 }
 
-.split-pane-visible >.split-pane-side {
+.split-pane-visible > .split-pane-side:not(ion-menu),
+.split-pane-visible > ion-menu.split-pane-side.menu-enabled {
+  display: flex;
+
   flex-shrink: 0;
 
   order: -1;
@@ -40,11 +43,7 @@
   display: none;
 }
 
-.split-pane-visible > .split-pane-side {
-  display: flex;
-}
-
-.split-pane-visible >ion-menu.menu-enabled {
+.split-pane-visible > ion-menu {
   >.menu-inner {
     @include position-horizontal(0, 0);
 
@@ -61,19 +60,19 @@
   }
 }
 
-.split-pane-visible >.split-pane-side[side=start] {
+.split-pane-visible > .split-pane-side[side=start] {
   @include multi-dir() {
     order: -1;
   }
 }
 
-.split-pane-visible >.split-pane-side[side=end] {
+.split-pane-visible > .split-pane-side[side=end] {
   @include multi-dir() {
     order: 1;
   }
 }
 
-.split-pane-visible >.split-pane-side[side=left] {
+.split-pane-visible > .split-pane-side[side=left] {
   @include ltr() {
     order: -1;
   }
@@ -83,7 +82,7 @@
   }
 }
 
-.split-pane-visible >.split-pane-side[side=right] {
+.split-pane-visible > .split-pane-side[side=right] {
   @include ltr() {
     order: 1;
   }