fix: tooltip styles

near · Jan 19, 2022 · 88a5cc8 · 88a5cc8
1 parent 47e0792
commit 88a5cc8
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/packages/frontend/src/components/staking/components/ValidatorBox.js b/packages/frontend/src/components/staking/components/ValidatorBox.js
@@ -51,7 +51,7 @@ const Container = styled.div`
             color: #A7A29E;
             display: flex;
             flex-direction: row;
-            &:first-of-type > div{
+            &.name-container {
                 color: #24272a;
                 max-width: 165px;
                 overflow: hidden;
@@ -169,8 +169,8 @@ export default function ValidatorBox({
             {label && <div className='with'><Translate id='staking.validatorBox.with' /></div>}
             <UserIcon background={true} />
             <div className='left'>
-                <div className='container'>
-                    <div data-test-id="stakingPageValidatorItemName">
+                <div>
+                    <div className='name-container' data-test-id="stakingPageValidatorItemName">
                         {validatorId}
                     </div>
                     {isProjectValidator && <Tooltip translate='staking.balanceBox.farm.info' />}