diff --git a/src/components/transactions/amount.js b/src/components/transactions/amount.js index 81584fad9..0907ddf15 100644 --- a/src/components/transactions/amount.js +++ b/src/components/transactions/amount.js @@ -15,7 +15,7 @@ const Amount = (props) => { params.className = 'inButton'; } else if (props.value.type !== transactionTypes.send || props.value.recipientId !== props.address) { - params.className = 'outButton'; + params.className = 'grayButton'; params.tooltipText = props.value.type === transactionTypes.send ? props.t('Repeat the transaction') : undefined; params.clickToSendEnabled = props.value.type === transactionTypes.send; } diff --git a/src/components/transactions/amount.test.js b/src/components/transactions/amount.test.js index a24e3f516..fc0aedd03 100644 --- a/src/components/transactions/amount.test.js +++ b/src/components/transactions/amount.test.js @@ -53,7 +53,7 @@ describe('Amount', () => { .to.have.lengthOf(1); }); - it('should have className "transactions__outButton" for outgoing transaction', () => { + it('should have className "transactions__grayButton" for outgoing transaction', () => { const inputValue = { value: { type: 1, @@ -62,7 +62,7 @@ describe('Amount', () => { }, address: 'address', }; - const expectedValue = /transactions__outButton/g; + const expectedValue = /transactions__grayButton/g; const wrapper = mount(, { context: { i18n, store }, childContextTypes: { diff --git a/src/components/transactions/transactions.css b/src/components/transactions/transactions.css index ffc2af600..e8e38aab4 100644 --- a/src/components/transactions/transactions.css +++ b/src/components/transactions/transactions.css @@ -1,6 +1,6 @@ :root { --in: #73c8a9; - --out: #f45d4c; + --out: #777; --btn: rgb(2, 136, 209); } @@ -29,10 +29,6 @@ text-align: center; } -.outButton { - background: color(var(--out) alpha(45%)) !important; -} - .in { color: var(--in) !important; }