diff --git a/packages/console/src/components/CreateConnectorForm/PlatformSelector/index.module.scss b/packages/console/src/components/CreateConnectorForm/PlatformSelector/index.module.scss
index e5aa8e225..80329d76f 100644
--- a/packages/console/src/components/CreateConnectorForm/PlatformSelector/index.module.scss
+++ b/packages/console/src/components/CreateConnectorForm/PlatformSelector/index.module.scss
@@ -1,10 +1,17 @@
@use '@/scss/underscore' as _;
.platforms {
- margin-top: _.unit(6);
+ padding: _.unit(4) _.unit(6);
+ background: var(--color-bg-layer-2);
+ border-radius: 16px;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ align-items: flex-start;
+ gap: _.unit(3);
+ margin-top: _.unit(4);
.title {
font: var(--font-label-2);
- margin-bottom: _.unit(3);
}
}
diff --git a/packages/console/src/components/CreateConnectorForm/index.tsx b/packages/console/src/components/CreateConnectorForm/index.tsx
index 1a5963ec8..7e6f96f9f 100644
--- a/packages/console/src/components/CreateConnectorForm/index.tsx
+++ b/packages/console/src/components/CreateConnectorForm/index.tsx
@@ -144,6 +144,13 @@ function CreateConnectorForm({ onClose, isOpen: isFormOpen, type }: Props) {
size={radioGroupSize}
onChange={handleGroupChange}
/>
+ {activeGroup && (
+