fix: fix contrast on l2 network text (#7466)

* fix: fix contrast on l2 network text
2023-10-19 13:05:26 -04:00 · 2023-10-19 13:05:26 -04:00 · 819e2f5712
commit 819e2f5712
parent 5357c58ac9
1 changed files with 8 additions and 4 deletions
--- a/src/components/TransactionConfirmationModal/index.tsx
+++ b/src/components/TransactionConfirmationModal/index.tsx
@ -193,6 +193,10 @@ export function ConfirmationModalContent({
  )
 }

+const StyledL2Badge = styled(Badge)`
+  padding: 6px 8px;
+`
+
 function L2Content({
  onDismiss,
  chainId,
@ -225,12 +229,12 @@ function L2Content({
      <AutoColumn>
        {!inline && (
          <RowBetween mb="16px">
-            <Badge>
-              <RowFixed gap="8px">
+            <StyledL2Badge>
+              <RowFixed gap="sm">
                <ChainLogo chainId={chainId} />
-                {info.label}
+                <ThemedText.SubHeaderSmall>{info.label}</ThemedText.SubHeaderSmall>
              </RowFixed>
-            </Badge>
+            </StyledL2Badge>
            <CloseIcon onClick={onDismiss} />
          </RowBetween>
        )}