Fix seedphrase size accordion bottom border

trilitech · Oct 11, 2024 · 89c183f · 89c183f · github-actions · Oct 11, 2024
1 parent 54d6b45
commit 89c183f
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/apps/web/src/components/Onboarding/ImportWallet/SeedPhraseTab.tsx b/apps/web/src/components/Onboarding/ImportWallet/SeedPhraseTab.tsx
@@ -94,12 +94,19 @@ export const SeedPhraseTab = () => {
  <Flex flexDirection="column" gap="30px">
  <Accordion allowToggle>
  <AccordionItem>
- <AccordionButton justifyContent="center" gap="10px" color={color("900")}>
+ <AccordionButton
+ justifyContent="center"
+ gap="10px"
+ color={color("900")}
+ borderBottom="1px solid"
+ borderBottomColor={color("300")}
+ _expanded={{ borderBottomColor: "transparent" }}
+ >
  <Heading size="md">{mnemonicSize} word seed phrase</Heading>
  <AccordionIcon />
  </AccordionButton>
 
- <AccordionPanel>
+ <AccordionPanel borderBottom="1px solid" borderBottomColor={color("300")}>
  <Flex gap="8px">
  <RadioButtons
  inputName="mnemonicSize"