From a9b10b83948d0144b0915d885e2469da22b69cf5 Mon Sep 17 00:00:00 2001
From: Alex Golovanov <alex@appsmith.com>
Date: Tue, 5 Nov 2024 19:32:24 +0300
Subject: [PATCH] chore: reverted heading border changes

---
 app/client/src/components/formControls/PaginationControl.tsx  | 2 --
 app/client/src/components/formControls/SortingControl.tsx     | 2 --
 app/client/src/components/formControls/WhereClauseControl.tsx | 4 ++--
 3 files changed, 2 insertions(+), 6 deletions(-)

diff --git a/app/client/src/components/formControls/PaginationControl.tsx b/app/client/src/components/formControls/PaginationControl.tsx
index 8ebcec6dacb5..532f71877feb 100644
--- a/app/client/src/components/formControls/PaginationControl.tsx
+++ b/app/client/src/components/formControls/PaginationControl.tsx
@@ -25,8 +25,6 @@ const PaginationContainer = styled.div`
   column-gap: var(--ads-v2-spaces-4);
   row-gap: var(--ads-v2-spaces-2);
   grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
-  border-top: 1px solid var(--ads-v2-color-border);
-  padding-top: var(--ads-v2-spaces-4);
 `;
 
 // using query dynamic input text for both so user can dynamically change these values.
diff --git a/app/client/src/components/formControls/SortingControl.tsx b/app/client/src/components/formControls/SortingControl.tsx
index d751502c45ce..93e718ac3d88 100644
--- a/app/client/src/components/formControls/SortingControl.tsx
+++ b/app/client/src/components/formControls/SortingControl.tsx
@@ -56,8 +56,6 @@ const SortingContainer = styled.div`
   display: flex;
   gap: var(--ads-v2-spaces-4);
   flex-direction: column;
-  border-top: 1px solid var(--ads-v2-color-border);
-  padding-top: var(--ads-v2-spaces-4);
 `;
 
 const SortingDropdownContainer = styled.div`
diff --git a/app/client/src/components/formControls/WhereClauseControl.tsx b/app/client/src/components/formControls/WhereClauseControl.tsx
index 0a708e1280d0..3ac3f2fce376 100644
--- a/app/client/src/components/formControls/WhereClauseControl.tsx
+++ b/app/client/src/components/formControls/WhereClauseControl.tsx
@@ -114,10 +114,10 @@ const SecondaryBox = styled.div<{
   flex-direction: column;
   position: relative;
   border: solid 1px var(--ads-v2-color-border);
+  border-radius: var(--ads-v2-border-radius);
   border-width: ${(props) => (props?.showBorder ? "1px" : "0px")};
   padding: ${(props) =>
-    props?.showBorder ? "4px 12px 12px 8px" : "4px 0 12px 0"};
-  border-top: 1px solid var(--ads-v2-color-border);
+    props?.showBorder ? "0px 12px 12px 8px" : "4px 0px 12px 0px"};
 
   width: 100%;
   // Setting a max width to not have it really elongate on very large screens