From 6149e9e619cb6480594ad439a02f7dd49df231ae Mon Sep 17 00:00:00 2001
From: karishmas6 <carishmashukla28@gmail.com>
Date: Mon, 23 Sep 2024 17:41:13 +0530
Subject: [PATCH] feat: use Typography

---
 src/components/molecules/InterpretationButtons.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/molecules/InterpretationButtons.tsx b/src/components/molecules/InterpretationButtons.tsx
index 84ece594..0a146810 100644
--- a/src/components/molecules/InterpretationButtons.tsx
+++ b/src/components/molecules/InterpretationButtons.tsx
@@ -80,7 +80,9 @@ export const InterpretationButtons = ({ enableStepping }: InterpretationButtonsP
               Do you want to use your previous selection as a condition for performing this action?
             </Typography>
             <Box style={{ marginTop: '4px' }}>
-              [Your previous action was: <b>{decisionModal.action}, on {decisionModal.innerText} {decisionModal.tagName}</b>]
+            <Typography>Your previous action was:
+                <b>{decisionModal.action}, on an element with text {decisionModal.innerText} </b>
+                </Typography>
             </Box>
           </React.Fragment>);
       default: return null;