diff --git a/app/client/src/assets/images/appsmith-datasource.png b/app/client/src/assets/images/appsmith-datasource.png
new file mode 100644
index 0000000000..0e5375f958
Binary files /dev/null and b/app/client/src/assets/images/appsmith-datasource.png differ
diff --git a/app/client/src/assets/images/appsmith-datasource.svg b/app/client/src/assets/images/appsmith-datasource.svg
deleted file mode 100644
index 21f7ae5258..0000000000
--- a/app/client/src/assets/images/appsmith-datasource.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/app/client/src/pages/Editor/IntegrationEditor/AddDatasourceSecurely.tsx b/app/client/src/pages/Editor/IntegrationEditor/AddDatasourceSecurely.tsx
index 983386fb04..d8476caa3a 100644
--- a/app/client/src/pages/Editor/IntegrationEditor/AddDatasourceSecurely.tsx
+++ b/app/client/src/pages/Editor/IntegrationEditor/AddDatasourceSecurely.tsx
@@ -1,19 +1,19 @@
import React from "react";
import styled from "styled-components";
import Secure from "assets/images/secure.svg";
-import AppsmithDatasource from "assets/images/appsmith-datasource.svg";
+import AppsmithDatasource from "assets/images/appsmith-datasource.png";
import { Colors } from "constants/Colors";
const Wrapper = styled.div`
border: 2px solid #d6d6d6;
- padding: 23px;
+ padding: 16px 23px;
flex-direction: row;
display: flex;
justify-content: space-between;
align-items: center;
.datasource-img {
- height: 108px;
+ height: 128px;
}
`;
diff --git a/app/client/src/pages/Editor/IntegrationEditor/IntegrationsHomeScreen.tsx b/app/client/src/pages/Editor/IntegrationEditor/IntegrationsHomeScreen.tsx
index 115ae4b3b6..83357bce76 100644
--- a/app/client/src/pages/Editor/IntegrationEditor/IntegrationsHomeScreen.tsx
+++ b/app/client/src/pages/Editor/IntegrationEditor/IntegrationsHomeScreen.tsx
@@ -68,6 +68,9 @@ const ApiHomePage = styled.div`
const MainTabsContainer = styled.div`
width: 100%;
height: 100%;
+ .react-tabs__tab-list {
+ margin: 2px;
+ }
`;
const SectionGrid = styled.div<{ isActiveTab?: boolean }>`
@@ -154,19 +157,6 @@ const getSecondaryMenuIds = (hasActiveSources = false) => {
};
};
-// const TERTIARY_MENU: TabProp[] = [
-// {
-// key: "ACTIVE_CONNECTIONS",
-// title: "Active Connections",
-// panelComponent: ,
-// },
-// {
-// key: "MOCK_DATABASE",
-// title: "Mock Databases",
-// panelComponent: ,
-// },
-// ];
-
const TERTIARY_MENU_IDS = {
ACTIVE_CONNECTIONS: 0,
MOCK_DATABASE: 1,