From 0ab50da7b01b7b51311286e0320f0a678cb68657 Mon Sep 17 00:00:00 2001
From: Amlan Kumar Nandy <45410599+amlannandy@users.noreply.github.com>
Date: Fri, 9 May 2025 12:38:51 +0700
Subject: [PATCH] chore: change graph list layout to grid in explorer view
 (#7852)

---
 .../Explorer/Explorer.styles.scss                | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/frontend/src/container/MetricsExplorer/Explorer/Explorer.styles.scss b/frontend/src/container/MetricsExplorer/Explorer/Explorer.styles.scss
index 691cf6eaef..8ce4a59a11 100644
--- a/frontend/src/container/MetricsExplorer/Explorer/Explorer.styles.scss
+++ b/frontend/src/container/MetricsExplorer/Explorer/Explorer.styles.scss
@@ -55,6 +55,8 @@
 	}
 
 	.explore-content {
+		margin-top: 10px;
+
 		.ant-space {
 			margin-top: 10px;
 			margin-bottom: 20px;
@@ -75,16 +77,14 @@
 		}
 
 		.time-series-container {
-			display: flex;
-			gap: 10px;
+			display: grid;
+			grid-template-columns: repeat(
+				auto-fit,
+				minmax(min(100%, calc(50% - 8px)), 1fr)
+			);
+			gap: 16px;
 			width: 100%;
 			height: fit-content;
-			overflow-y: scroll;
-
-			.time-series-view {
-				min-width: 80%;
-				width: 80%;
-			}
 		}
 
 		.related-metrics-container {