diff --git a/packages/app-store/ee/routing_forms/pages/route-builder/[...appPages].tsx b/packages/app-store/ee/routing_forms/pages/route-builder/[...appPages].tsx
index 2a6d2ebb4e..7d951d494d 100644
--- a/packages/app-store/ee/routing_forms/pages/route-builder/[...appPages].tsx
+++ b/packages/app-store/ee/routing_forms/pages/route-builder/[...appPages].tsx
@@ -193,17 +193,10 @@ const Route = ({
       label={route.isFallback ? "Fallback Route" : `Route ${index + 1}`}
       deleteField={{
         check: () => routes.length !== 1 && !route.isFallback,
-        fn: () => (
-          <button className="ml-5" type="button">
-            <Icon.FiTrash
-              className="m-0 h-4 w-4 text-neutral-500"
-              onClick={() => {
-                const newRoutes = routes.filter((r) => r.id !== route.id);
-                setRoutes(newRoutes);
-              }}
-            />
-          </button>
-        ),
+        fn: () => {
+          const newRoutes = routes.filter((r) => r.id !== route.id);
+          setRoutes(newRoutes);
+        },
       }}>
       <div className="-mx-4 mb-4 flex w-full items-center sm:mx-0">
         <div className="cal-query-builder w-full ">
diff --git a/packages/ui/v2/core/form/FormCard.tsx b/packages/ui/v2/core/form/FormCard.tsx
index 6d1a44a4a0..630e695ea3 100644
--- a/packages/ui/v2/core/form/FormCard.tsx
+++ b/packages/ui/v2/core/form/FormCard.tsx
@@ -46,6 +46,7 @@ export default function FormCard({
         <span className="text-sm font-semibold leading-none">{label}</span>
         {deleteField?.check() ? (
           <button
+            type="button"
             onClick={() => {
               deleteField?.fn();
             }}