From b62f5cf3c4e836923f35fda370d69f6dd71539ca Mon Sep 17 00:00:00 2001
From: vicky-primathon <67091118+vicky-primathon@users.noreply.github.com>
Date: Thu, 13 Aug 2020 13:24:46 +0530
Subject: [PATCH] Table widget filter column clickable area encompasses the
 whole area within its borders (#278)

---
 .../designSystems/appsmith/CascadeFields.tsx    | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/app/client/src/components/designSystems/appsmith/CascadeFields.tsx b/app/client/src/components/designSystems/appsmith/CascadeFields.tsx
index 404f7e3bbc..341c52c0fe 100644
--- a/app/client/src/components/designSystems/appsmith/CascadeFields.tsx
+++ b/app/client/src/components/designSystems/appsmith/CascadeFields.tsx
@@ -45,15 +45,7 @@ const FieldWrapper = styled.div`
 
 const DropdownWrapper = styled.div<{ width: number }>`
   width: ${props => props.width}px;
-  height: 32px;
-  background: ${Colors.WHITE};
-  border: 1px solid #d3dee3;
-  box-sizing: border-box;
-  border-radius: 4px;
   margin-left: 10px;
-  font-size: 14px;
-  padding: 5px 12px 7px;
-  color: ${Colors.OXFORD_BLUE};
 `;
 
 const StyledInputGroup = styled(InputGroup)`
@@ -80,6 +72,15 @@ const DropdownTrigger = styled.div`
   align-items: center;
   justify-content: space-between;
   width: 100%;
+  height: 32px;
+  background: ${Colors.WHITE};
+  border: 1px solid #d3dee3;
+  box-sizing: border-box;
+  border-radius: 4px;
+  font-size: 14px;
+  padding: 5px 12px 7px;
+  color: ${Colors.OXFORD_BLUE};
+  cursor: pointer;
   &&& span {
     margin-right: 0;
   }