Web:Client:Fix styles Customization.

packages/client/src/pages/PortalSettings/categories/common/customization-navbar.js

@@ -34,6 +34,7 @@ const StyledComponent = styled.div`
       color: #657077;
       font-size: 13px;
       max-width: 1024px;
+      line-height: 20px;
     }
 
     .inherit-title-link {
@@ -41,6 +42,10 @@ const StyledComponent = styled.div`
       font-size: 16px;
       font-weight: 700;
     }
+    .link-learn-more {
+      line-height: 15px;
+      font-weight: 600;
+    }
   }
 `;
 
@@ -89,6 +94,7 @@ const CustomizationNavbar = ({
         </Text>
         <Box paddingProp="10px 0 3px 0">
           <Link
+            className="link-learn-more"
             color={theme.client.settings.common.linkColorHelp}
             target="_blank"
             isHovered={true}

packages/client/src/pages/PortalSettings/categories/common/customization.js

@@ -21,11 +21,8 @@ const StyledComponent = styled.div`
     max-width: 100%;
   }
 
-  .settings-block {
-    margin-bottom: 24px;
-  }
-
   .category-description {
+    margin-top: 5px;
     line-height: 20px;
     color: #657077;
     margin-bottom: 20px;
@@ -57,6 +54,10 @@ const StyledComponent = styled.div`
     margin-right: 4px;
   }
 
+  .settings-block {
+    margin-bottom: 24px;
+  }
+
   @media (min-width: 600px) {
     .settings-block {
       max-width: 350px;

packages/client/src/pages/PortalSettings/categories/common/settingsCustomization/StyledSettings.js

@@ -70,10 +70,15 @@ const StyledSettingsComponent = styled.div`
       `}
   }
 
+  .settings-block {
+    margin-top: 8px;
+  }
+
   @media (min-width: 600px) {
     .settings-block {
       max-width: 350px;
       height: auto;
+      margin-top: 0px;
     }
 
     .settings-block-description {