diff --git a/frontend/libs/console/legacy-ce/src/lib/features/ConnectDBRedesign/ConnectDbBody/parts/Cloud.tsx b/frontend/libs/console/legacy-ce/src/lib/features/ConnectDBRedesign/ConnectDbBody/parts/Cloud.tsx
index b24a4a6c689..670ca0060ce 100644
--- a/frontend/libs/console/legacy-ce/src/lib/features/ConnectDBRedesign/ConnectDbBody/parts/Cloud.tsx
+++ b/frontend/libs/console/legacy-ce/src/lib/features/ConnectDBRedesign/ConnectDbBody/parts/Cloud.tsx
@@ -28,7 +28,7 @@ export const Cloud = ({
)}
diff --git a/frontend/libs/console/legacy-ce/src/lib/features/ConnectDBRedesign/components/ConnectGDCSourceWidget/ConnectGDCSourceWidget.tsx b/frontend/libs/console/legacy-ce/src/lib/features/ConnectDBRedesign/components/ConnectGDCSourceWidget/ConnectGDCSourceWidget.tsx
index d780499abb3..06ff3857cfb 100644
--- a/frontend/libs/console/legacy-ce/src/lib/features/ConnectDBRedesign/components/ConnectGDCSourceWidget/ConnectGDCSourceWidget.tsx
+++ b/frontend/libs/console/legacy-ce/src/lib/features/ConnectDBRedesign/components/ConnectGDCSourceWidget/ConnectGDCSourceWidget.tsx
@@ -17,9 +17,9 @@ import { adaptGraphQLCustomization } from '../GraphQLCustomization/utils/adaptRe
import { generateGDCRequestPayload } from './utils/generateRequest';
import { hasuraToast } from '../../../../new-components/Toasts';
import { useManageDatabaseConnection } from '../../hooks/useManageDatabaseConnection';
-import { capitaliseFirstLetter } from '../../../../components/Common/ConfigureTransformation/utils';
import { Collapsible } from '../../../../new-components/Collapsible';
import { DisplayToastErrorMessage } from '../Common/DisplayToastErrorMessage';
+import { useAvailableDrivers } from '../../../ConnectDB/hooks';
interface ConnectGDCSourceWidgetProps {
driver: string;
@@ -57,6 +57,10 @@ export const ConnectGDCSourceWidget = (props: ConnectGDCSourceWidgetProps) => {
const { driver, dataSourceName } = props;
const [tab, setTab] = useState('connection_details');
+ const { data: drivers } = useAvailableDrivers();
+ const driverDisplayName =
+ drivers?.find(d => d.name === driver)?.displayName ?? driver;
+
const { data: metadataSource } = useMetadata(m =>
m.metadata.sources.find(source => source.name === dataSourceName)
);
@@ -135,8 +139,8 @@ export const ConnectGDCSourceWidget = (props: ConnectGDCSourceWidgetProps) => {
{isEditMode
- ? `Edit ${capitaliseFirstLetter(driver)} Connection`
- : `Connect New ${capitaliseFirstLetter(driver)} Database`}
+ ? `Edit ${driverDisplayName} Connection`
+ : `Connect ${driverDisplayName} Database`}