diff --git a/app/client/src/pages/Editor/DataSourceEditor/DatasourceBlankState.tsx b/app/client/src/pages/Editor/DataSourceEditor/DatasourceBlankState.tsx
index 76282e3c91..4a4e61f138 100644
--- a/app/client/src/pages/Editor/DataSourceEditor/DatasourceBlankState.tsx
+++ b/app/client/src/pages/Editor/DataSourceEditor/DatasourceBlankState.tsx
@@ -10,6 +10,12 @@ import history from "utils/history";
 import { integrationEditorURL } from "@appsmith/RouteBuilder";
 import type { RouteComponentProps } from "react-router";
 import { INTEGRATION_TABS } from "constants/routes";
+import { useSelector } from "react-redux";
+import type { AppState } from "@appsmith/reducers";
+import { getCurrentAppWorkspace } from "@appsmith/selectors/workspaceSelectors";
+import { useFeatureFlag } from "utils/hooks/useFeatureFlag";
+import { FEATURE_FLAG } from "@appsmith/entities/FeatureFlag";
+import { getHasCreateDatasourcePermission } from "@appsmith/utils/BusinessFeatures/permissionPageHelpers";
 
 const Container = styled.div`
   height: 100%;
@@ -38,6 +44,16 @@ const DatasourceBlankState = (
     pageId: string;
   }>,
 ) => {
+  const userWorkspacePermissions = useSelector(
+    (state: AppState) => getCurrentAppWorkspace(state).userPermissions ?? [],
+  );
+
+  const isFeatureEnabled = useFeatureFlag(FEATURE_FLAG.license_gac_enabled);
+
+  const canCreateDatasource = getHasCreateDatasourcePermission(
+    isFeatureEnabled,
+    userWorkspacePermissions,
+  );
   return (
     <Container>
       <Content>
@@ -46,6 +62,7 @@ const DatasourceBlankState = (
           {createMessage(DATASOURCE_BLANK_STATE_MESSAGE)}
         </Text>
         <Button
+          disabled={!canCreateDatasource}
           kind="primary"
           onClick={() =>
             history.push(
diff --git a/app/client/src/pages/Editor/IDE/LeftPane/CreateDatasourcePopover.tsx b/app/client/src/pages/Editor/IDE/LeftPane/CreateDatasourcePopover.tsx
index f244334586..f498fee36e 100644
--- a/app/client/src/pages/Editor/IDE/LeftPane/CreateDatasourcePopover.tsx
+++ b/app/client/src/pages/Editor/IDE/LeftPane/CreateDatasourcePopover.tsx
@@ -2,12 +2,29 @@ import { Button, Popover, PopoverTrigger } from "design-system";
 import React from "react";
 import history from "utils/history";
 import { builderURL } from "@appsmith/RouteBuilder";
+import { useSelector } from "react-redux";
+import type { AppState } from "@appsmith/reducers";
+import { getCurrentAppWorkspace } from "@appsmith/selectors/workspaceSelectors";
+import { useFeatureFlag } from "utils/hooks/useFeatureFlag";
+import { FEATURE_FLAG } from "@appsmith/entities/FeatureFlag";
+import { getHasCreateDatasourcePermission } from "@appsmith/utils/BusinessFeatures/permissionPageHelpers";
 
 const CreateDatasourcePopover = () => {
+  const userWorkspacePermissions = useSelector(
+    (state: AppState) => getCurrentAppWorkspace(state).userPermissions ?? [],
+  );
+
+  const isFeatureEnabled = useFeatureFlag(FEATURE_FLAG.license_gac_enabled);
+
+  const canCreateDatasource = getHasCreateDatasourcePermission(
+    isFeatureEnabled,
+    userWorkspacePermissions,
+  );
   return (
     <Popover open={false}>
       <PopoverTrigger>
         <Button
+          disabled={!canCreateDatasource}
           isIconButton
           kind="tertiary"
           onClick={() =>