diff --git a/.env b/.env
index d816798..0ac8c32 100644
--- a/.env
+++ b/.env
@@ -1,8 +1,4 @@
 # VITE_REACT_APP_BACKEND_URL="https://sandbox.exampaper.vidh.ai"
 VITE_REACT_APP_BACKEND_URL="http://localhost:9999"
 METABASE_BASE_URL="http://metabase.usln.in/public/question/d8774923-09bb-4cd9-903b-559d417e12cf"
-<<<<<<< HEAD
 # VITE_REACT_APP_BACKEND_URL="https://api.exampaper.vidh.ai"
-=======
-# VITE_REACT_APP_BACKEND_URL="https://api.exampaper.vidh.ai"
->>>>>>> c2e7f8078daeb2fafe4bbc788138be09a02ac8d9
diff --git a/src/App.jsx b/src/App.jsx
index 1b6f6ff..2df379c 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -16,6 +16,7 @@ import AnomolyAttendencePage from "./Components/AnomolyAttendencePage";
 import AttendenceAdditionalRecord from "./Components/AttendenceAdditionalRecord";
 import AttendenceAdditionalRecordCorrection from "./Components/AttendenceAdditionalRecordCorrection";
 import AttendanceAdditionalSheet from "./Components/AttendanceAdditionalSheet";
+import QueryExecutor from "./Components/QueryExecutor";
 
 function App() {
   return (
diff --git a/src/Components/Home.jsx b/src/Components/Home.jsx
index 5b8ddf8..1bc5baf 100644
--- a/src/Components/Home.jsx
+++ b/src/Components/Home.jsx
@@ -24,10 +24,10 @@ const Home = () => {
     //   title:"Verification",
     //   url:"/verification"
     // }
-    // {
-    //   title:"Statistics",
-    //   url:"/statistics"
-    // }
+    {
+      title:"SQL Playground",
+      url:"/sqlPlayground"
+    }
   ];
   
   // const cards = [
diff --git a/src/Components/QueryExecutor.jsx b/src/Components/QueryExecutor.jsx
index f7bfdeb..dc87ea9 100644
--- a/src/Components/QueryExecutor.jsx
+++ b/src/Components/QueryExecutor.jsx
@@ -250,14 +250,14 @@ const QueryExecutor = () => {
                   className="w-100 p-3 h5"
                   id="text-area-input"
                   placeholder="Enter your query ...."
-                  rows="5"
+                  rows="7"
                   value={query}
                   onChange={(e) => setQuery(e.target.value)}
                 ></textarea>
               </div>
               <div  className="d-none d-md-block w-25">
                 <div className="w-100 d-flex flex-column gap-2 mx-2">
-                  <input
+                  <TextField
                     className="rounded p-2 h6"
                     type="text"
                     placeholder="Limit"
@@ -266,7 +266,7 @@ const QueryExecutor = () => {
                     value={limit}
                     onChange={(e) => setLimit(e.target.value)}
                   />
-                  <input
+                  <TextField
                     className="input rounded p-2 h6"
                     type="text"
                     placeholder="Image column name"
@@ -286,8 +286,8 @@ const QueryExecutor = () => {
               </div>
 
               <div className="d-block d-md-none w-100">
-                <div className="w-100 d-flex flex-column gap-2 mx-2">
-                  <input
+                <div className="w-100 d-flex flex-column gap-2">
+                  <TextField
                     className="rounded p-2 h6"
                     type="text"
                     placeholder="Limit"
@@ -296,7 +296,7 @@ const QueryExecutor = () => {
                     value={limit}
                     onChange={(e) => setLimit(e.target.value)}
                   />
-                  <input
+                  <TextField
                     className="input rounded p-2 h6"
                     type="text"
                     placeholder="Image column name"