From c250d10cfbad81a00064becb30dca6e95d2dfb48 Mon Sep 17 00:00:00 2001
From: Ian Jones <51156018+ianjon3s@users.noreply.github.com>
Date: Thu, 30 May 2024 11:29:21 +0100
Subject: [PATCH] feat: Add restart text label to restart button (#3211)

---
 editor.planx.uk/src/components/Header.tsx | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/editor.planx.uk/src/components/Header.tsx b/editor.planx.uk/src/components/Header.tsx
index 698efc2109..f3aebd2141 100644
--- a/editor.planx.uk/src/components/Header.tsx
+++ b/editor.planx.uk/src/components/Header.tsx
@@ -366,15 +366,16 @@ const PublicToolbar: React.FC<{
                   size="large"
                   aria-describedby="restart-application-description"
                 >
+                  <Reset color="secondary" />
                   <Typography
                     id="restart-application-description"
-                    style={visuallyHidden}
+                    variant="body2"
+                    fontSize="small"
+                    fontWeight={FONT_WEIGHT_SEMI_BOLD}
+                    pl={0.5}
                   >
-                    Open a dialog with the option to restart your application.
-                    If you chose to restart your application, this will delete
-                    your previous answers
+                    Restart
                   </Typography>
-                  <Reset color="secondary" />
                 </IconButton>
               )}
             </RightBox>