fix(web): correction on topjurors styling

Author: kemuru

web/src/pages/Dashboard/WithHelpTooltip.tsx

@@ -10,10 +10,12 @@ const Container = styled.div`
 `;
 
 const HelpIcon = styled(_HelpIcon)`
+  display: flex;
+  align-items: center;
   height: 12px;
   width: 12px;
   fill: ${({ theme }) => theme.secondaryText};
-  margin: 4px 4px 6px 8px;
+  margin: 0 0 0 8px;
 
   ${landscapeStyle(
     () => css`

web/src/pages/Home/TopJurors/Header/Rewards.tsx

@@ -5,12 +5,12 @@ import WithHelpTooltip from "pages/Dashboard/WithHelpTooltip";
 
 const Container = styled.div`
   display: flex;
+  color: ${({ theme }) => theme.secondaryText};
+
   font-size: 12px !important;
   &::before {
     content: "Rewards";
   }
-  color: ${({ theme }) => theme.secondaryText};
-  align-items: center;
 
   ${landscapeStyle(
     () =>

web/src/pages/Home/TopJurors/Header/index.tsx

@@ -61,7 +61,7 @@ const Header: React.FC = () => {
         <Rewards />
         <Coherency />
       </PlaceAndTitleAndRewardsAndCoherency>
-      <HowItWorks onClick={() => toggleIsLevelMiniGuidesOpen()} />
+      <HowItWorks />
     </Container>
   );
 };