diff --git a/libs/designer-ui/src/lib/querybuilder/AddSection.tsx b/libs/designer-ui/src/lib/querybuilder/AddSection.tsx
index f195cd66d70..cb2192b08ac 100644
--- a/libs/designer-ui/src/lib/querybuilder/AddSection.tsx
+++ b/libs/designer-ui/src/lib/querybuilder/AddSection.tsx
@@ -59,8 +59,8 @@ export const AddSection = ({ readonly, handleUpdateParent, index, addEmptyRow }:
         onClick: () => handleAddGroup(),
       },
     ],
-    directionalHintFixed: true,
   };
+
   return (
     <div className="msla-querybuilder-row-add-container">
       <div className="msla-querybuilder-row-gutter-hook" />
diff --git a/libs/designer-ui/src/lib/querybuilder/querybuilder.less b/libs/designer-ui/src/lib/querybuilder/querybuilder.less
index 31ca591a159..af48a14394c 100644
--- a/libs/designer-ui/src/lib/querybuilder/querybuilder.less
+++ b/libs/designer-ui/src/lib/querybuilder/querybuilder.less
@@ -1,4 +1,4 @@
-@import (reference) '../variables.less';
+@import (reference) "../variables.less";
 
 .msla-querybuilder-group-dropdown-container {
   width: 70px;
@@ -144,7 +144,7 @@
   }
 }
 .msla-querybuilder-row-add-container:after {
-  content: '';
+  content: "";
   width: 1.1px;
   height: 50%;
   background-color: white;