Fix an error of nested <div> in <p>

thesis · Sep 17, 2024 · 3c5eb76 · 3c5eb76
1 parent fd55e21
commit 3c5eb76
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/dapp/src/components/AcrePointsClaimModal/index.tsx b/dapp/src/components/AcrePointsClaimModal/index.tsx
@@ -1,6 +1,6 @@
 import React, { ReactNode, useEffect, useMemo, useState } from "react"
 import { useAcrePoints, useModal, useTimeout } from "#/hooks"
-import { Box, Button, ModalBody, Text, VStack } from "@chakra-ui/react"
+import { Box, Button, ModalBody, VStack } from "@chakra-ui/react"
 import {
  AnimationSequence,
  motion,
@@ -163,7 +163,7 @@ export function AcrePointsClaimModalBase() {
  {currentStepLabel}
  </TextXl>
 
- <Text
+ <Box
  data-step-value
  transformOrigin="bottom"
  fontSize="8xl"
@@ -172,7 +172,7 @@ export function AcrePointsClaimModalBase() {
  color="grey.700"
  >
  {currentStepValue}
- </Text>
+ </Box>
  </Box>
  ))}
  </VStack>