From c137a3f084bcf4c0e0e3f4ddda94f7b8675774a7 Mon Sep 17 00:00:00 2001
From: Soni Jay <jaygsoni14@gmail.com>
Date: Fri, 19 Dec 2025 00:54:03 +0530
Subject: [PATCH] WEB-386 Dropdown/Menu Overflows or Misaligned on Hover in
 Accounting Section

---
 src/app/accounting/accounting.component.scss | 11 +++++++++++
 src/main.scss                                | 19 +++++++++++++++++++
 2 files changed, 30 insertions(+)

diff --git a/src/app/accounting/accounting.component.scss b/src/app/accounting/accounting.component.scss
index e69de29bb..0aaec7cce 100644
--- a/src/app/accounting/accounting.component.scss
+++ b/src/app/accounting/accounting.component.scss
@@ -0,0 +1,11 @@
+mat-card {
+  overflow: hidden;
+}
+
+.layout-row.responsive-column {
+  overflow: hidden;
+
+  > div {
+    overflow: hidden;
+  }
+}
diff --git a/src/main.scss b/src/main.scss
index f97bd9420..6cc2cb62a 100644
--- a/src/main.scss
+++ b/src/main.scss
@@ -570,11 +570,14 @@
 .menu-explanation {
   font-size: 14px;
   margin: 0;
+  word-wrap: break-word;
+  overflow-wrap: break-word;
 }
 
 .menu-list-item-content {
   display: flex;
   width: 100%;
+  overflow: hidden;
 }
 
 .menu-left-section {
@@ -582,6 +585,9 @@
   align-items: center;
   width: 100%;
   gap: 10px;
+  min-width: 0;
+  flex: 1;
+  overflow: hidden;
 }
 
 .menu-right-section fa-icon {
@@ -593,6 +599,19 @@
   display: flex;
   gap: 4px;
   margin-right: 10px;
+  flex-shrink: 0;
+}
+
+mat-nav-list {
+  overflow: hidden;
+
+  mat-list-item {
+    overflow: hidden;
+
+    .mat-list-item-content {
+      overflow: hidden;
+    }
+  }
 }
 
 .content {