From e517d27c2138148c8717d2a3beadb8f1f6586041 Mon Sep 17 00:00:00 2001
From: Juveniel <dimitar.kalaydzhievv@gmail.com>
Date: Thu, 7 Apr 2022 13:34:01 +0300
Subject: [PATCH] fix(menu): make scroll button selector more specific

---
 packages/default/scss/menu/_layout.scss | 73 +++++++++++++------------
 packages/default/scss/menu/_theme.scss  |  2 +-
 2 files changed, 38 insertions(+), 37 deletions(-)

diff --git a/packages/default/scss/menu/_layout.scss b/packages/default/scss/menu/_layout.scss
index fcf2bd0a6a4..69e7bdc862c 100644
--- a/packages/default/scss/menu/_layout.scss
+++ b/packages/default/scss/menu/_layout.scss
@@ -284,43 +284,44 @@
             overflow: hidden;
             flex-wrap: nowrap;
         }
-    }
-    .k-menu-scroll-button {
-        @include border-radius( 0 );
-        padding: 0;
-        border-width: 0;
-        border-color: inherit;
-        color: inherit;
-        background: inherit;
-        position: absolute;
 
-        &.k-scroll-left {
-            top: 0;
-            left: 0;
-            height: 100%;
-            width: 16px;
-            border-right-width: 1px;
-        }
-        &.k-scroll-right {
-            top: 0;
-            right: 0;
-            height: 100%;
-            width: 16px;
-            border-left-width: 1px;
-        }
-        &.k-scroll-up {
-            top: 0;
-            left: 0;
-            width: 100%;
-            height: 16px;
-            border-bottom-width: 1px;
-        }
-        &.k-scroll-down {
-            bottom: 0;
-            left: 0;
-            width: 100%;
-            height: 16px;
-            border-top-width: 1px;
+        .k-menu-scroll-button {
+            @include border-radius( 0 );
+            padding: 0;
+            border-width: 0;
+            border-color: inherit;
+            color: inherit;
+            background: inherit;
+            position: absolute;
+
+            &.k-scroll-left {
+                top: 0;
+                left: 0;
+                height: 100%;
+                width: 16px;
+                border-right-width: 1px;
+            }
+            &.k-scroll-right {
+                top: 0;
+                right: 0;
+                height: 100%;
+                width: 16px;
+                border-left-width: 1px;
+            }
+            &.k-scroll-up {
+                top: 0;
+                left: 0;
+                width: 100%;
+                height: 16px;
+                border-bottom-width: 1px;
+            }
+            &.k-scroll-down {
+                bottom: 0;
+                left: 0;
+                width: 100%;
+                height: 16px;
+                border-top-width: 1px;
+            }
         }
     }
 
diff --git a/packages/default/scss/menu/_theme.scss b/packages/default/scss/menu/_theme.scss
index 5eff68ffe8a..ad5019673a4 100644
--- a/packages/default/scss/menu/_theme.scss
+++ b/packages/default/scss/menu/_theme.scss
@@ -92,7 +92,7 @@
 
 
     // Scrolling
-    .k-menu-scroll-button {
+    .k-menu-scroll-wrapper .k-menu-scroll-button {
         @include fill(
             $menu-scroll-button-text,
             $menu-scroll-button-bg,