diff --git a/web/src/app/admin/embeddings/pages/CloudEmbeddingPage.tsx b/web/src/app/admin/embeddings/pages/CloudEmbeddingPage.tsx
index 26556488d67..6818101de43 100644
--- a/web/src/app/admin/embeddings/pages/CloudEmbeddingPage.tsx
+++ b/web/src/app/admin/embeddings/pages/CloudEmbeddingPage.tsx
@@ -16,7 +16,7 @@ import { EmbeddingDetails } from "../EmbeddingModelSelectionForm";
 import { FiExternalLink, FiInfo, FiTrash } from "react-icons/fi";
 import { HoverPopup } from "@/components/HoverPopup";
 import { Dispatch, SetStateAction, useEffect, useState } from "react";
-import { CustomModelDetailsForm } from "@/components/embedding/CustomModelDetailsForm";
+import { CustomEmbeddingModelForm } from "@/components/embedding/CustomEmbeddingModelForm";
 import { deleteSearchSettings } from "./utils";
 import { usePopup } from "@/components/admin/connectors/Popup";
 import { DeleteEntityModal } from "@/components/modals/DeleteEntityModal";
@@ -259,7 +259,7 @@ export default function CloudEmbeddingPage({
                       : ""
                   }`}
                 >
-                  <CustomModelDetailsForm
+                  <CustomEmbeddingModelForm
                     embeddingType={EmbeddingProvider.LITELLM}
                     provider={liteLLMProvider}
                     currentValues={
@@ -304,7 +304,6 @@ export default function CloudEmbeddingPage({
 
         <div className="w-full flex flex-col items-start">
           {!isAzureConfigured ? (
-            // Configuration Prompt if Azure is not configured
             <>
               <button
                 onClick={() => setShowTentativeProvider(AZURE_CLOUD_PROVIDER)}
@@ -380,7 +379,7 @@ export default function CloudEmbeddingPage({
                 }`}
               >
                 {azureProvider && (
-                  <CustomModelDetailsForm
+                  <CustomEmbeddingModelForm
                     embeddingType={EmbeddingProvider.AZURE}
                     provider={azureProvider}
                     currentValues={
diff --git a/web/src/components/admin/Layout.tsx b/web/src/components/admin/Layout.tsx
index 145d8d34786..284bb5246ba 100644
--- a/web/src/components/admin/Layout.tsx
+++ b/web/src/components/admin/Layout.tsx
@@ -24,7 +24,7 @@ export async function Layout({ children }: { children: React.ReactNode }) {
 
   const authTypeMetadata = results[0] as AuthTypeMetadata | null;
   const user = results[1] as User | null;
-
+  console.log("authTypeMetadata", authTypeMetadata);
   const authDisabled = authTypeMetadata?.authType === "disabled";
   const requiresVerification = authTypeMetadata?.requiresVerification;
 
diff --git a/web/src/components/embedding/CustomModelDetailsForm.tsx b/web/src/components/embedding/CustomEmbeddingModelForm.tsx
similarity index 91%
rename from web/src/components/embedding/CustomModelDetailsForm.tsx
rename to web/src/components/embedding/CustomEmbeddingModelForm.tsx
index 0b018aa3da4..4d765015197 100644
--- a/web/src/components/embedding/CustomModelDetailsForm.tsx
+++ b/web/src/components/embedding/CustomEmbeddingModelForm.tsx
@@ -6,7 +6,7 @@ import { Dispatch, SetStateAction } from "react";
 import { Button, Text } from "@tremor/react";
 import { EmbeddingDetails } from "@/app/admin/embeddings/EmbeddingModelSelectionForm";
 
-export function CustomModelDetailsForm({
+export function CustomEmbeddingModelForm({
   setShowTentativeModel,
   currentValues,
   provider,
@@ -27,7 +27,7 @@ export function CustomModelDetailsForm({
             normalize: false,
             query_prefix: "",
             passage_prefix: "",
-            provider_type: EmbeddingProvider,
+            provider_type: embeddingType,
             api_key: "",
             enabled: true,
             api_url: provider.api_url,
@@ -57,10 +57,11 @@ export function CustomModelDetailsForm({
           max_tokens: Yup.number(),
         })}
         onSubmit={async (values) => {
+          console.log(values);
           setShowTentativeModel(values as CloudEmbeddingModel);
         }}
       >
-        {({ isSubmitting }) => (
+        {({ isSubmitting, submitForm, errors }) => (
           <Form>
             <Text className="text-xl text-text-900 font-bold mb-4">
               Specify details for your{" "}
@@ -107,11 +108,14 @@ export function CustomModelDetailsForm({
 
             <Button
               type="submit"
+              onClick={() => console.log(errors)}
               disabled={isSubmitting}
               className="w-64 mx-auto"
             >
-              Configure{" "}
-              {embeddingType === EmbeddingProvider.AZURE ? "Azure" : "LiteLLM"}{" "}
+              Configure
+              {embeddingType === EmbeddingProvider.AZURE
+                ? "Azure"
+                : "LiteLLM"}{" "}
               Model
             </Button>
           </Form>