From df3b2db059388aaf8b28340be67f0e898edc92f6 Mon Sep 17 00:00:00 2001
From: Timofey <fognir742@gmail.com>
Date: Tue, 15 Feb 2022 15:22:05 +0800
Subject: [PATCH] Web:Common:AdvancedSelector: change separator margin left and
 right, replace '()' from header

---
 .../components/AdvancedSelector/sub-components/Selector.js   | 4 ++--
 .../AdvancedSelector/sub-components/StyledSelector.js        | 5 ++---
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/packages/asc-web-common/components/AdvancedSelector/sub-components/Selector.js b/packages/asc-web-common/components/AdvancedSelector/sub-components/Selector.js
index 4d74e7ae60..2bd72d7f85 100644
--- a/packages/asc-web-common/components/AdvancedSelector/sub-components/Selector.js
+++ b/packages/asc-web-common/components/AdvancedSelector/sub-components/Selector.js
@@ -556,7 +556,7 @@ const Selector = (props) => {
           onClick={onArrowClickAction}
         />
         <Heading size="medium" truncate={true}>
-          {headerLabel}
+          {headerLabel.replace("()", "")}
         </Heading>
       </div>
       <Column className="column-options" size={size}>
@@ -626,7 +626,7 @@ const Selector = (props) => {
       </Column>
       <Footer
         className="footer"
-        selectButtonLabel={selectButtonLabel}
+        selectButtonLabel={headerLabel}
         showCounter={showCounter}
         isDisabled={isDisabled}
         isVisible={isMultiSelect && hasSelected()}
diff --git a/packages/asc-web-common/components/AdvancedSelector/sub-components/StyledSelector.js b/packages/asc-web-common/components/AdvancedSelector/sub-components/StyledSelector.js
index 432231217c..e9f16aa594 100644
--- a/packages/asc-web-common/components/AdvancedSelector/sub-components/StyledSelector.js
+++ b/packages/asc-web-common/components/AdvancedSelector/sub-components/StyledSelector.js
@@ -33,7 +33,7 @@ const StyledSelector = styled(Container)`
         `}
 
   .header {
-    grid-aria: header;
+    grid-area: header;
 
     height: 53px;
     min-height: 53px;
@@ -165,8 +165,7 @@ const StyledSelector = styled(Container)`
       .option-separator {
         height: 1px;
         background: #dfe2e3;
-        padding: 0 16px;
-        margin: 8px 0;
+        margin: 8px 16px;
       }
 
       .row-header {