From bc2e07f3b834e47c2d0ca08a779e111874966f8b Mon Sep 17 00:00:00 2001
From: Michael Quigley <michael@quigley.com>
Date: Fri, 20 Dec 2024 10:53:05 -0500
Subject: [PATCH] better alignment for secret toggle control (#724)

---
 ui100/src/SecretToggle.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/ui100/src/SecretToggle.tsx b/ui100/src/SecretToggle.tsx
index cab7da41..a7e741ef 100644
--- a/ui100/src/SecretToggle.tsx
+++ b/ui100/src/SecretToggle.tsx
@@ -18,7 +18,7 @@ const SecretToggle = ({ secret }: SecretToggleProps) => {
                 <Grid2 display="flex" justifyContent="left">
                     <span>{secret}</span>
                 </Grid2>
-                <Grid2 display="flex" justifyContent="right">
+                <Grid2 display="flex" justifyContent="right" sx={{ flexGrow: 1 }}>
                     <HideIcon onClick={toggle} sx={{ ml: 1 }}/>
                 </Grid2>
             </Grid2>
@@ -29,7 +29,7 @@ const SecretToggle = ({ secret }: SecretToggleProps) => {
                 <Grid2 display="flex" justifyContent="left">
                     <span>XXXXXXXX</span>
                 </Grid2>
-                <Grid2 display="flex" justifyContent="right">
+                <Grid2 display="flex" justifyContent="right" sx={{ flexGrow: 1 }}>
                     <ShowIcon onClick={toggle} sx={{ ml: 1 }} />
                 </Grid2>
             </Grid2>