diff --git a/platform/commonUI/general/res/css/theme-espresso.css b/platform/commonUI/general/res/css/theme-espresso.css
index 5800e17aa4..be8bfc063b 100644
--- a/platform/commonUI/general/res/css/theme-espresso.css
+++ b/platform/commonUI/general/res/css/theme-espresso.css
@@ -612,16 +612,16 @@ mct-container {
     padding: 5px 0; }
 
 /* line 201, ../sass/user-environ/_layout.scss */
-.browse-mode .split-layout .pane.left {
+.browse-mode .split-layout .split-pane-component.pane.left {
   min-width: 150px;
   max-width: 50%; }
 
 /* line 210, ../sass/user-environ/_layout.scss */
-.edit-mode .split-layout .pane.right {
+.edit-mode .split-layout .split-pane-component.pane.right {
   min-width: 150px;
   max-width: 50%; }
   /* line 213, ../sass/user-environ/_layout.scss */
-  .edit-mode .split-layout .pane.right .pane.bottom {
+  .edit-mode .split-layout .split-pane-component.pane.right .split-pane-component.pane.bottom {
     min-height: 50px;
     max-height: 80%; }
 
@@ -4985,14 +4985,14 @@ input[type="text"] {
   width: 100%; }
 
 /* line 5, ../sass/_initialization.scss */
-.browse-mode .split-layout .pane.left {
+.browse-mode .split-layout .split-pane-component.pane.left {
   width: 15%; }
 
 /* line 13, ../sass/_initialization.scss */
-.edit-mode .split-layout .pane.right {
+.edit-mode .split-layout .split-pane-component.pane.right {
   width: 15%; }
   /* line 15, ../sass/_initialization.scss */
-  .edit-mode .split-layout .pane.right .pane.bottom {
+  .edit-mode .split-layout .split-pane-component.pane.right .pane.bottom {
     height: 30%; }
 
 /*****************************************************************************
diff --git a/platform/commonUI/general/res/sass/_initialization.scss b/platform/commonUI/general/res/sass/_initialization.scss
index d0f5983457..bd5f003b9b 100644
--- a/platform/commonUI/general/res/sass/_initialization.scss
+++ b/platform/commonUI/general/res/sass/_initialization.scss
@@ -2,7 +2,7 @@
 
 .browse-mode {
     .split-layout {
-        .pane.left {
+        .split-pane-component.pane.left {
             width: 15%;
         }
     }
@@ -10,7 +10,7 @@
 
 .edit-mode {
     .split-layout {
-        .pane.right {
+        .split-pane-component.pane.right {
             width: 15%;
             .pane.bottom {
                 height: 30%;
diff --git a/platform/commonUI/general/res/sass/user-environ/_layout.scss b/platform/commonUI/general/res/sass/user-environ/_layout.scss
index b70d081289..a07ed38953 100644
--- a/platform/commonUI/general/res/sass/user-environ/_layout.scss
+++ b/platform/commonUI/general/res/sass/user-environ/_layout.scss
@@ -198,7 +198,7 @@
 
 .browse-mode {
     .split-layout {
-        .pane.left {
+        .split-pane-component.pane.left {
             min-width: 150px;
             max-width: 50%;
         }
@@ -207,10 +207,10 @@
 
 .edit-mode {
     .split-layout {
-        .pane.right {
+        .split-pane-component.pane.right {
             min-width: 150px;
             max-width: 50%;
-            .pane.bottom {
+            .split-pane-component.pane.bottom {
                 min-height: 50px;
                 max-height: 80%;
             }