From 3c5eb761291e4c443bb04bbd9a0d5e26315743a3 Mon Sep 17 00:00:00 2001
From: Karolina Kosiorowska <karolina.kosiorowska@thesis.co>
Date: Tue, 17 Sep 2024 14:01:16 +0200
Subject: [PATCH] Fix an error of nested `<div>` in `<p>`

---
 dapp/src/components/AcrePointsClaimModal/index.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/dapp/src/components/AcrePointsClaimModal/index.tsx b/dapp/src/components/AcrePointsClaimModal/index.tsx
index a6834bfcc..adf8710f2 100644
--- 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>