diff --git a/packages/client/src/pages/PortalSettings/categories/data-import/components/SelectUsersTypeStep/index.tsx b/packages/client/src/pages/PortalSettings/categories/data-import/components/SelectUsersTypeStep/index.tsx
index 1b5e40fdaa..37251cc6af 100644
--- a/packages/client/src/pages/PortalSettings/categories/data-import/components/SelectUsersTypeStep/index.tsx
+++ b/packages/client/src/pages/PortalSettings/categories/data-import/components/SelectUsersTypeStep/index.tsx
@@ -98,23 +98,27 @@ const SelectUsersTypeStep = (props: TypeSelectProps) => {
const showCancelDialog = () => setCancelUploadDialogVisible(true);
const hideCancelDialog = () => setCancelUploadDialogVisible(false);
+ const Buttons = (
+
+ );
+
useEffect(() => {
setDataPortion(filteredUsers.slice(...boundaries));
}, [users]);
return (
-
+ {Buttons}
{filteredUsers.length > 0 && (
<>
@@ -140,19 +144,7 @@ const SelectUsersTypeStep = (props: TypeSelectProps) => {
/>
)}
- {filteredAccounts.length > 0 && (
-
- )}
+ {filteredAccounts.length > 0 && Buttons}
>
)}
diff --git a/packages/client/src/pages/PortalSettings/categories/data-import/sub-components/StepLayout.tsx b/packages/client/src/pages/PortalSettings/categories/data-import/sub-components/StepLayout.tsx
index ee471aa75b..3488f71353 100644
--- a/packages/client/src/pages/PortalSettings/categories/data-import/sub-components/StepLayout.tsx
+++ b/packages/client/src/pages/PortalSettings/categories/data-import/sub-components/StepLayout.tsx
@@ -39,7 +39,7 @@ const DescriptionWrapper = styled.div`
}
.data-import-section-description {
- margin-bottom: 8px;
+ margin-bottom: 16px;
font-size: 12px;
}
`;