diff --git a/app/client/src/components/formControls/WhereClauseControl.tsx b/app/client/src/components/formControls/WhereClauseControl.tsx
index d5872f9a6b..e80ae22e29 100644
--- a/app/client/src/components/formControls/WhereClauseControl.tsx
+++ b/app/client/src/components/formControls/WhereClauseControl.tsx
@@ -165,12 +165,12 @@ function ConditionComponent(props: any, index: number) {
       />
       {/* Component to render the delete icon */}
       <CenteredIcon
-        name="cross"
+        name="trash"
         onClick={(e) => {
           e.stopPropagation();
           props.onDeletePressed(index);
         }}
-        size={IconSize.SMALL}
+        size={IconSize.XL}
       />
     </ConditionBox>
   );
@@ -260,12 +260,12 @@ function ConditionBlock(props: any) {
                     <CenteredIcon
                       alignSelf={"center"}
                       marginBottom={"-5px"}
-                      name="cross"
+                      name="trash"
                       onClick={(e) => {
                         e.stopPropagation();
                         onDeletePressed(index);
                       }}
-                      size={IconSize.SMALL}
+                      size={IconSize.XL}
                     />
                   </ConditionBox>
                 );