diff --git a/src/components/Send/SweepBreakdown.module.css b/src/components/Send/SweepBreakdown.module.css index 3675891d0..3793fcc36 100644 --- a/src/components/Send/SweepBreakdown.module.css +++ b/src/components/Send/SweepBreakdown.module.css @@ -14,25 +14,13 @@ text-align: right; } -.sweepBreakdownAnchor { - font-size: 0.8rem; - color: var(--bs-dark); -} - -:root[data-theme='dark'] .sweepBreakdownAnchor { - color: var(--bs-light) !important; -} - -:root[data-theme='dark'] .sweepBreakdownParagraph { - color: var(--bs-light) !important; -} - .accordionButton { background-color: transparent; color: var(--bs-dark); display: flex; justify-content: flex-end; font-size: 0.8rem; + align-items: center; height: 1rem; padding: 0; box-shadow: none; diff --git a/src/components/Send/SweepBreakdown.tsx b/src/components/Send/SweepBreakdown.tsx index 0ade15161..ea0a14200 100644 --- a/src/components/Send/SweepBreakdown.tsx +++ b/src/components/Send/SweepBreakdown.tsx @@ -2,6 +2,7 @@ import { Trans, useTranslation } from 'react-i18next' import * as rb from 'react-bootstrap' import { AccountBalanceSummary } from '../../context/BalanceSummary' import Balance from '../Balance' +import Sprite from '../Sprite' import { SATS } from '../../utils' import styles from './SweepBreakdown.module.css' @@ -12,9 +13,14 @@ type SweepAccordionToggleProps = { function SweepAccordionToggle({ eventKey }: SweepAccordionToggleProps) { const { t } = useTranslation() return ( - +
-
+