diff --git a/keep-ui/app/providers/providers-tiles.tsx b/keep-ui/app/providers/providers-tiles.tsx
index 378bae0a7..f83e41c9b 100644
--- a/keep-ui/app/providers/providers-tiles.tsx
+++ b/keep-ui/app/providers/providers-tiles.tsx
@@ -76,7 +76,7 @@ const ProvidersTiles = ({
 
   const handleConnectProvider = (provider: Provider) => {
     // on linked providers, don't open the modal
-    if(provider.linked) return;
+    if (provider.linked) return;
 
     hideOrShowIntercom(true);
     setSelectedProvider(provider);
@@ -101,46 +101,44 @@ const ProvidersTiles = ({
     if (isConnected) handleCloseModal();
   };
 
-  const providersWithConfig = providers
-    .filter((provider) => {
-      const config = (provider as Provider).config;
-       // Filter out providers with empty config and providers that support webhooks
-      return (config && Object.keys(config).length > 0) || (provider.supports_webhook);
-    })
-    .sort(
-      (a, b) =>
-        Number(b.can_setup_webhook) - Number(a.can_setup_webhook) ||
-        Number(b.supports_webhook) - Number(a.supports_webhook) ||
-        Number(b.oauth2_url ? true : false) -
-          Number(a.oauth2_url ? true : false)
-    ) as Providers;
-
   return (
     <div>
       <div className="flex items-center mb-2.5">
-  <Title>
-    {installedProvidersMode ? "Installed Providers" : linkedProvidersMode ? "Linked Providers" : "Available Providers"}
-  </Title>
-  {linkedProvidersMode && (
-    <div className="ml-2 relative">
-      <Icon
-        icon={QuestionMarkCircleIcon} // Use the appropriate icon for your use case
-        className="text-gray-400 hover:text-gray-600"
-        size="sm"
-        tooltip="Providers which send alerts without being installed by Keep"
-      />
-    </div>
-  )}
-</div>
+        <Title>
+          {installedProvidersMode
+            ? "Installed Providers"
+            : linkedProvidersMode
+            ? "Linked Providers"
+            : "Available Providers"}
+        </Title>
+        {linkedProvidersMode && (
+          <div className="ml-2 relative">
+            <Icon
+              icon={QuestionMarkCircleIcon} // Use the appropriate icon for your use case
+              className="text-gray-400 hover:text-gray-600"
+              size="sm"
+              tooltip="Providers which send alerts without being installed by Keep"
+            />
+          </div>
+        )}
+      </div>
 
       <div className="flex flex-wrap mb-5 gap-5">
-        {providers.map((provider, index) => (
-          <ProviderTile
-            key={provider.id}
-            provider={provider}
-            onClick={() => handleConnectProvider(provider)}
-          ></ProviderTile>
-        ))}
+        {providers
+          .sort(
+            (a, b) =>
+              Number(b.can_setup_webhook) - Number(a.can_setup_webhook) ||
+              Number(b.supports_webhook) - Number(a.supports_webhook) ||
+              Number(b.oauth2_url ? true : false) -
+                Number(a.oauth2_url ? true : false)
+          )
+          .map((provider) => (
+            <ProviderTile
+              key={provider.id}
+              provider={provider}
+              onClick={() => handleConnectProvider(provider)}
+            ></ProviderTile>
+          ))}
       </div>
 
       <SlidingPanel
diff --git a/keep-ui/app/workflows/builder/editors.tsx b/keep-ui/app/workflows/builder/editors.tsx
index b6922397d..945c4a30b 100644
--- a/keep-ui/app/workflows/builder/editors.tsx
+++ b/keep-ui/app/workflows/builder/editors.tsx
@@ -61,7 +61,10 @@ function KeepStepEditor({
   providerType,
   type,
 }: keepEditorProps) {
-  const stepParams = type?.includes("step-") ? properties.stepParams : properties.actionParams;
+  const stepParams =
+    ((type?.includes("step-")
+      ? properties.stepParams
+      : properties.actionParams) as string[]) ?? [];
   const existingParams = Object.keys((properties.with as object) ?? {});
   const params = [...stepParams, ...existingParams];
   const uniqueParams = params.filter(
@@ -344,30 +347,31 @@ function WorkflowEditor(properties: Properties, updateProperty: any) {
                     Add Filter
                   </Button>
                 </div>
-                {properties.alert && Object.keys(properties.alert as {}).map((filter) => {
-                  return (
-                    <>
-                      <Subtitle className="mt-2.5">{filter}</Subtitle>
-                      <div className="flex items-center mt-1" key={filter}>
-                        <TextInput
-                          key={filter}
-                          placeholder={`Set alert ${filter}`}
-                          onChange={(e: any) =>
-                            updateAlertFilter(filter, e.target.value)
-                          }
-                          value={(properties.alert as any)[filter] as string}
-                        />
-                        <Icon
-                          icon={BackspaceIcon}
-                          className="cursor-pointer"
-                          color="red"
-                          tooltip={`Remove ${filter} filter`}
-                          onClick={() => deleteFilter(filter)}
-                        />
-                      </div>
-                    </>
-                  );
-                })}
+                {properties.alert &&
+                  Object.keys(properties.alert as {}).map((filter) => {
+                    return (
+                      <>
+                        <Subtitle className="mt-2.5">{filter}</Subtitle>
+                        <div className="flex items-center mt-1" key={filter}>
+                          <TextInput
+                            key={filter}
+                            placeholder={`Set alert ${filter}`}
+                            onChange={(e: any) =>
+                              updateAlertFilter(filter, e.target.value)
+                            }
+                            value={(properties.alert as any)[filter] as string}
+                          />
+                          <Icon
+                            icon={BackspaceIcon}
+                            className="cursor-pointer"
+                            color="red"
+                            tooltip={`Remove ${filter} filter`}
+                            onClick={() => deleteFilter(filter)}
+                          />
+                        </div>
+                      </>
+                    );
+                  })}
               </>
             ) : (
               <TextInput