From e2e535eaca34260453ad970a02f08941f3423d58 Mon Sep 17 00:00:00 2001
From: Yunus M <myounis.ar@live.com>
Date: Mon, 28 Apr 2025 18:52:02 +0530
Subject: [PATCH] feat: remove card container above where clause

---
 .../CodeMirrorWhereClause.tsx                 | 50 +++++++++----------
 1 file changed, 24 insertions(+), 26 deletions(-)

diff --git a/frontend/src/components/QueryBuilderV2/CodeMirrorWhereClause/CodeMirrorWhereClause.tsx b/frontend/src/components/QueryBuilderV2/CodeMirrorWhereClause/CodeMirrorWhereClause.tsx
index 7a748b9afc9f..0d9735889b60 100644
--- a/frontend/src/components/QueryBuilderV2/CodeMirrorWhereClause/CodeMirrorWhereClause.tsx
+++ b/frontend/src/components/QueryBuilderV2/CodeMirrorWhereClause/CodeMirrorWhereClause.tsx
@@ -601,32 +601,30 @@ function CodeMirrorWhereClause(): JSX.Element {
 
 	return (
 		<div className="code-mirror-where-clause">
-			<Card className="code-mirror-card">
-				<CodeMirror
-					value={query}
-					theme={copilot}
-					onChange={handleChange}
-					onUpdate={handleUpdate}
-					autoFocus
-					placeholder="Enter your query (e.g., status = 'error' AND service = 'frontend')"
-					extensions={[
-						autocompletion({
-							override: [myCompletions],
-							defaultKeymap: true,
-							closeOnBlur: false,
-							activateOnTyping: true,
-							maxRenderedOptions: 50,
-						}),
-						javascript({ jsx: false, typescript: false }),
-						EditorView.lineWrapping,
-						stopEventsExtension,
-						// customTheme,
-					]}
-					basicSetup={{
-						lineNumbers: false,
-					}}
-				/>
-			</Card>
+			<CodeMirror
+				value={query}
+				theme={copilot}
+				onChange={handleChange}
+				onUpdate={handleUpdate}
+				autoFocus
+				placeholder="Enter your query (e.g., status = 'error' AND service = 'frontend')"
+				extensions={[
+					autocompletion({
+						override: [myCompletions],
+						defaultKeymap: true,
+						closeOnBlur: false,
+						activateOnTyping: true,
+						maxRenderedOptions: 50,
+					}),
+					javascript({ jsx: false, typescript: false }),
+					EditorView.lineWrapping,
+					stopEventsExtension,
+					// customTheme,
+				]}
+				basicSetup={{
+					lineNumbers: false,
+				}}
+			/>
 
 			{query && (
 				<Card size="small">