From b10966373f4d936a63caa2be6454addc72fbaffa Mon Sep 17 00:00:00 2001
From: Pietocha <konrad.pietocha@sap.com>
Date: Fri, 24 Jan 2025 12:10:29 +0100
Subject: [PATCH 1/2] Using Suspense to gently open the columns

---
 .../other/CustomResourcesByGroup.routes.js     | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/resources/other/CustomResourcesByGroup.routes.js b/src/resources/other/CustomResourcesByGroup.routes.js
index 0843437a0d..502184066a 100644
--- a/src/resources/other/CustomResourcesByGroup.routes.js
+++ b/src/resources/other/CustomResourcesByGroup.routes.js
@@ -199,9 +199,21 @@ export const ColumnWrapper = ({ defaultColumn = 'list' }) => {
     <FlexibleColumnLayout
       style={{ height: '100%' }}
       layout={layoutState?.layout || 'OneColumn'}
-      startColumn={<div className="column-content">{startColumnComponent}</div>}
-      midColumn={<div className="column-content">{midColumnComponent}</div>}
-      endColumn={<div className="column-content">{endColumnComponent}</div>}
+      startColumn={
+        <div className="column-content">
+          <Suspense fallback={<Spinner />}>{startColumnComponent}</Suspense>
+        </div>
+      }
+      midColumn={
+        <div className="column-content">
+          <Suspense fallback={<Spinner />}>{midColumnComponent}</Suspense>
+        </div>
+      }
+      endColumn={
+        <div className="column-content">
+          <Suspense fallback={<Spinner />}>{endColumnComponent}</Suspense>
+        </div>
+      }
     />
   );
 };

From 99f87ba5fd76bd8314a1438013e8c870ab1eed75 Mon Sep 17 00:00:00 2001
From: Pietocha <konrad.pietocha@sap.com>
Date: Fri, 24 Jan 2025 14:36:13 +0100
Subject: [PATCH 2/2] Removing unnecessary scroll under list item

---
 src/components/CustomResources/GroupingListPage.scss | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/components/CustomResources/GroupingListPage.scss b/src/components/CustomResources/GroupingListPage.scss
index 73cf071c7e..52217b73f4 100644
--- a/src/components/CustomResources/GroupingListPage.scss
+++ b/src/components/CustomResources/GroupingListPage.scss
@@ -6,6 +6,12 @@
   ui5-table-cell[slot='default-2'] {
     width: 22vw;
   }
+
+  ui5-panel {
+    &::part(content) {
+      overflow: unset;
+    }
+  }
 }
 
 @media (max-width: 850px) {