Web: Components: fixed settings-icon color

packages/common/components/ColorTheme/styled/catalogItem.js

@@ -26,6 +26,11 @@ const getDefaultStyles = ({ $currentColorScheme, isActive, theme }) =>
           theme.isBase &&
           $currentColorScheme.accentColor} !important;
         }
+        circle {
+          fill: ${isActive &&
+          theme.isBase &&
+          $currentColorScheme.accentColor} !important;
+        }
       }
 
       &:hover {

packages/components/catalog-item/index.js

@@ -86,7 +86,7 @@ const CatalogItem = (props) => {
           isDragActive={isDragActive}
           onClick={onClickAction}
           onMouseUp={onMouseUpAction}
-        ></StyledCatalogItemSibling>
+        />
 
         <StyledCatalogItemImg isActive={isActive}>
           <ReactSVG className="icon" src={icon} />

packages/components/themes/base.js

@@ -1886,7 +1886,7 @@ const Base = {
       fontWeight: 600,
       tablet: {
         marginLeft: "12px",
-        lineHeight: "16px",
+        lineHeight: "20px",
         fontSize: "15px",
         fontWeight: "600",
       },

packages/components/themes/dark.js

@@ -1883,7 +1883,7 @@ const Dark = {
       fontWeight: 600,
       tablet: {
         marginLeft: "12px",
-        lineHeight: "16px",
+        lineHeight: "20px",
         fontSize: "14px",
         fontWeight: "600",
       },