From bc4181908ac716b465419abe6c56ff2da98164bd Mon Sep 17 00:00:00 2001
From: Tim Chamberlain <tchamberlain76@gmail.com>
Date: Wed, 10 May 2023 15:43:09 -0500
Subject: [PATCH] CTLE-433: fixed reveal adornment style

---
 src/qqq/utils/qqq/ValueUtils.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/qqq/utils/qqq/ValueUtils.tsx b/src/qqq/utils/qqq/ValueUtils.tsx
index 655c22f..ca8d1b9 100644
--- a/src/qqq/utils/qqq/ValueUtils.tsx
+++ b/src/qqq/utils/qqq/ValueUtils.tsx
@@ -521,7 +521,7 @@ function RevealComponent({fieldName, value, usage}: {fieldName: string, value: s
          {
             displayValue && (
                adornmentFieldsMap.get(fieldName) === true ? (
-                  <Box>
+                  <Box component="span">
                      <Icon onClick={(e) => handleRevealIconClick(e, fieldName)} sx={{cursor: "pointer", fontSize: "15px !important", position: "relative", top: "3px", marginRight: "5px"}}>visibility_on</Icon>
                      {displayValue}
                      <ClickAwayListener onClickAway={handleTooltipClose}>
@@ -540,7 +540,7 @@ function RevealComponent({fieldName, value, usage}: {fieldName: string, value: s
                      </ClickAwayListener>
                   </Box>
                ):(
-                  <Box><Icon onClick={(e) => handleRevealIconClick(e, fieldName)} sx={{cursor: "pointer", fontSize: "15px !important", position: "relative", top: "3px", marginRight: "5px"}}>visibility_off</Icon>{displayValue}</Box>
+                  <Box component="span"><Icon onClick={(e) => handleRevealIconClick(e, fieldName)} sx={{cursor: "pointer", fontSize: "15px !important", position: "relative", top: "3px", marginRight: "5px"}}>visibility_off</Icon>{displayValue}</Box>
                )
             )
          }