From 6e75238cb4f0ab6b8dbb1acd555a277b9d5dee33 Mon Sep 17 00:00:00 2001
From: Shubham Kumar <shubham.24bcs10320@sst.scaler.com>
Date: Tue, 23 Dec 2025 19:48:34 +0530
Subject: [PATCH] fix: add global overflow helpers for mat-card and responsive
 rows (#2928)

apply overflow hiding to all direct children of .layout-row.responsive-column so buttons and other non-div children are covered
---
 src/app/accounting/accounting.component.scss | 11 -----------
 src/main.scss                                | 17 +++++++++++++++++
 2 files changed, 17 insertions(+), 11 deletions(-)

diff --git a/src/app/accounting/accounting.component.scss b/src/app/accounting/accounting.component.scss
index 0aaec7cce..e69de29bb 100644
--- a/src/app/accounting/accounting.component.scss
+++ b/src/app/accounting/accounting.component.scss
@@ -1,11 +0,0 @@
-mat-card {
-  overflow: hidden;
-}
-
-.layout-row.responsive-column {
-  overflow: hidden;
-
-  > div {
-    overflow: hidden;
-  }
-}
diff --git a/src/main.scss b/src/main.scss
index 6cc2cb62a..ee1d1b9f5 100644
--- a/src/main.scss
+++ b/src/main.scss
@@ -635,6 +635,23 @@ mifosx-notifications-page td {
   width: 100%;
 }
 
+/* Global overflow helpers to avoid repeated component overrides */
+.overflow-hidden {
+  overflow: hidden;
+}
+
+mat-card {
+  overflow: hidden;
+}
+
+.layout-row.responsive-column {
+  overflow: hidden;
+
+  > [class] {
+    overflow: hidden;
+  }
+}
+
 //Re-positions account type field on list standing instructions page
 .type-field {
   position: absolute;