diff --git a/packages/asc-web-common/components/PageLayout/sub-components/section-header.js b/packages/asc-web-common/components/PageLayout/sub-components/section-header.js
index 951b6813ef..b3325072b9 100644
--- a/packages/asc-web-common/components/PageLayout/sub-components/section-header.js
+++ b/packages/asc-web-common/components/PageLayout/sub-components/section-header.js
@@ -40,9 +40,9 @@ const StyledSectionHeader = styled.div`
 
         .arrow-button {
           svg {
-            width: 14px !important;
+            width: 14px;
           }
-          margin-right: 10px !important;
+          margin-right: 10px;
         }
       `}
   }
@@ -84,10 +84,9 @@ const StyledSectionHeader = styled.div`
         -o-transition: top 0.3s cubic-bezier(0, 0, 0.8, 1);
       }
       .group-button-menu-container {
-        padding-bottom: 0 !important;
+        padding-bottom: 0;
         > div:first-child {
-          top: ${(props) =>
-            !props.isSectionHeaderVisible ? "56px" : "0px"} !important;
+          top: ${(props) => (!props.isSectionHeaderVisible ? "56px" : "0px")};
 
           @media ${desktop} {
             ${isMobile &&