Fix seedphrase size accordion bottom border

trilitech · Oct 16, 2024 · 19e7c94 · 19e7c94 · github-actions · Oct 16, 2024
1 parent 1682ae9
commit 19e7c94
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"