From 0eada06c12e4e1822d90096443856bf9416496af Mon Sep 17 00:00:00 2001
From: ekachxaidze98 <ekachxaidze2@gmail.com>
Date: Thu, 7 Nov 2024 13:45:32 +0400
Subject: [PATCH] CORE-4970: do nesting for style overwrite

---
 design/drawer/styles.module.css | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/design/drawer/styles.module.css b/design/drawer/styles.module.css
index 307b51d4..e594260f 100644
--- a/design/drawer/styles.module.css
+++ b/design/drawer/styles.module.css
@@ -17,7 +17,7 @@
   margin: 0;
 }
 
-.bar-menu-item {
+.bar-menu-list .bar-menu-item {
   display: flex;
   align-items: center;
   padding: var(--drawer-item-padding-y) var(--drawer-item-padding-x);
@@ -26,19 +26,19 @@
   border-radius: var(--component-corner-radius, 2px);
 }
 
-.bar-menu-item:link,
-.bar-menu-item:visited {
+.bar-menu-list .bar-menu-item:link,
+.bar-menu-list .bar-menu-item:visited {
   text-decoration: none;
 }
 
-.bar-menu-item:hover,
-.bar-menu-item:focus {
+.bar-menu-list .bar-menu-item:hover,
+.bar-menu-list .bar-menu-item:focus {
   color: inherit;
   background: #0000000a;
 }
 
-.bar-menu-item:active,
-.bar-menu-item.active {
+.bar-menu-list .bar-menu-item:active,
+.bar-menu-list .bar-menu-item.active {
   color: var(--white);
   background: var(--primary);
 }