fix(tabcoin-buttons): fix tabcoin vertical alignment

filipedeschamps · Nov 15, 2023 · 285e83e · 285e83e
1 parent 88dbacc
commit 285e83e
Showing 1 changed file with 4 additions and 11 deletions.
diff --git a/pages/interface/components/TabCoinButtons/index.js b/pages/interface/components/TabCoinButtons/index.js
@@ -102,17 +102,10 @@ export default function TabCoinButtons({ content }) {
           disabled={isInAction}
         />
       </Tooltip>
-      <Box>
-        <div id={`reward-${contentObject.id}`} style={{ marginLeft: '-10px', width: '1px' }}></div>
-        <Text
-          sx={{
-            fontSize: 0,
-            fontWeight: 'bold',
-            color: 'accent.emphasis',
-          }}>
-          {contentObject.tabcoins}
-        </Text>
-      </Box>
+      <Text sx={{ fontSize: 0, fontWeight: 'bold', lineHeight: '18px', color: 'accent.emphasis' }}>
+        <div id={`reward-${contentObject.id}`} style={{ marginLeft: '-10px' }} aria-hidden></div>
+        {contentObject.tabcoins}
+      </Text>
       <Tooltip aria-label="Não achei relevante" direction="ne">
         <IconButton
           variant="invisible"