diff --git a/components/providers/workflow/forms/via-credentials-form.tsx b/components/providers/workflow/forms/via-credentials-form.tsx
index 52913beab9..5c500d3818 100644
--- a/components/providers/workflow/forms/via-credentials-form.tsx
+++ b/components/providers/workflow/forms/via-credentials-form.tsx
@@ -15,6 +15,7 @@ import {
   addCredentialsFormSchema,
   ApiError,
   AWSCredentials,
+  AzureCredentials,
   CredentialsFormSchema,
 } from "../../../../types";
 
@@ -172,6 +173,60 @@ export const ViaCredentialsForm = ({
             />
           </>
         )}
+        {providerType === "azure" && (
+          <>
+            <div className="text-left">
+              <div className="text-2xl font-bold leading-9 text-default-foreground">
+                Connect via Credentials
+              </div>
+              <div className="py-2 text-default-500">
+                Please provide the information for your Azure credentials.
+              </div>
+            </div>
+            <CustomInput
+              control={form.control}
+              name="client_id"
+              type="text"
+              label="Client ID"
+              labelPlacement="inside"
+              placeholder="Enter the Client ID"
+              variant="bordered"
+              isRequired
+              isInvalid={
+                !!(form.formState.errors as FieldErrors<AzureCredentials>)
+                  .client_id
+              }
+            />
+            <CustomInput
+              control={form.control}
+              name="client_secret"
+              type="text"
+              label="Client Secret"
+              labelPlacement="inside"
+              placeholder="Enter the Client Secret"
+              variant="bordered"
+              isRequired
+              isInvalid={
+                !!(form.formState.errors as FieldErrors<AzureCredentials>)
+                  .client_secret
+              }
+            />
+            <CustomInput
+              control={form.control}
+              name="tenant_id"
+              type="text"
+              label="Tenant ID"
+              labelPlacement="inside"
+              placeholder="Enter the Tenant ID"
+              variant="bordered"
+              isRequired
+              isInvalid={
+                !!(form.formState.errors as FieldErrors<AzureCredentials>)
+                  .tenant_id
+              }
+            />
+          </>
+        )}
         <span className="text-sm text-default-500">Name (Optional)</span>
         <CustomInput
           control={form.control}