Set explicit font size for experimental icons

Instead of inheriting from parent which can vary.
nextstrain · Oct 23, 2024 · af09673 · af09673
1 parent 7a19676
commit af09673
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/src/components/controls/choose-explode-attr.js b/src/components/controls/choose-explode-attr.js
@@ -41,7 +41,7 @@ class ChooseExplodeAttr extends React.Component {
       <div style={{paddingTop: 10}}>
         <SidebarSubtitleFlex data-tip data-for="explode_tree">
           <span style={{ position: "relative" }}>
-            <ImLab style={{ position: "absolute", left: "-14px", top: "1px" }}/>
+            <ImLab style={{ position: "absolute", left: "-14px", top: "2px", fontSize: "10px" }}/>
             {t("sidebar:Explode Tree By")}
           </span>
           {tooltip && !this.props.mobileDisplay && (

diff --git a/src/components/controls/toggle.js b/src/components/controls/toggle.js
@@ -32,6 +32,7 @@ const ToggleSubtitle = styled(SidebarSubtitle)`
 
 const ExperimentalIcon = styled.span`
   color: ${(props) => props.theme.color};
+  font-size: 10px;
   position: absolute;
   left: -12px;
   top: 6px;