diff --git a/packages/client/src/pages/PortalSettings/categories/security/StyledSecurity.js b/packages/client/src/pages/PortalSettings/categories/security/StyledSecurity.js
index 8d2d6b891d..4ee3a2c103 100644
--- a/packages/client/src/pages/PortalSettings/categories/security/StyledSecurity.js
+++ b/packages/client/src/pages/PortalSettings/categories/security/StyledSecurity.js
@@ -36,7 +36,7 @@ export const StyledCategoryWrapper = styled.div`
display: flex;
flex-direction: row;
gap: 4px;
- margin-bottom: 16px;
+ margin-bottom: 8px;
align-items: center;
`;
@@ -126,4 +126,29 @@ export const StyledBruteForceProtection = styled.div`
.mobile-description {
margin-bottom: 12px;
}
+
+ .description {
+ max-width: 700px;
+ padding-bottom: 19px;
+
+ .page-subtitle {
+ line-height: 20px;
+ color: ${(props) =>
+ props.theme.client.settings.security.descriptionColor};
+ padding-bottom: 7px;
+ }
+
+ .link {
+ line-height: 15px;
+ font-size: 13px;
+ font-weight: 600;
+ color: ${(props) =>
+ props.theme.client.settings.security.descriptionColor};
+ text-decoration: underline;
+ }
+
+ @media (max-width: 600px) {
+ padding-bottom: 20px;
+ }
+ }
`;
diff --git a/packages/client/src/pages/PortalSettings/categories/security/access-portal/index.js b/packages/client/src/pages/PortalSettings/categories/security/access-portal/index.js
index 0da00c8c57..ef660d66ad 100644
--- a/packages/client/src/pages/PortalSettings/categories/security/access-portal/index.js
+++ b/packages/client/src/pages/PortalSettings/categories/security/access-portal/index.js
@@ -128,19 +128,9 @@ const AccessPortal = (props) => {
,
- }}
- />
- }
- classNameTooltip="brute-force-protection"
+ title={t("BruteForceProtection")}
/>
diff --git a/packages/client/src/pages/PortalSettings/categories/security/sub-components/category-wrapper.js b/packages/client/src/pages/PortalSettings/categories/security/sub-components/category-wrapper.js
index 4d1383a066..5eeddfc788 100644
--- a/packages/client/src/pages/PortalSettings/categories/security/sub-components/category-wrapper.js
+++ b/packages/client/src/pages/PortalSettings/categories/security/sub-components/category-wrapper.js
@@ -7,7 +7,15 @@ import { Base } from "@docspace/components/themes";
import { StyledCategoryWrapper, StyledTooltip } from "../StyledSecurity";
const CategoryWrapper = (props) => {
- const { t, title, tooltipTitle, tooltipUrl, theme, classNameTooltip } = props;
+ const {
+ t,
+ title,
+ tooltipTitle,
+ tooltipUrl,
+ theme,
+ classNameTooltip,
+ notTooltip,
+ } = props;
const tooltip = () => (
@@ -34,15 +42,17 @@ const CategoryWrapper = (props) => {
{title}
-
+ {!notTooltip && (
+
+ )}
);
};