From f3a1da9d7e55d67d67ff4e74b190bda755ba8c5a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nuno=20G=C3=B3is?= <github@nunogois.com>
Date: Wed, 16 Apr 2025 14:52:54 +0100
Subject: [PATCH] chore: make demo back button variant text (#9772)

https://linear.app/unleash/issue/2-2576/make-back-button-less-dominant

Make demo "Back" button `variant='text'` so it's less predominant
visually.

### Before


![image](https://github.com/user-attachments/assets/d4378975-483a-4478-a7c9-9698a466f918)

### After


![image](https://github.com/user-attachments/assets/1349454b-73aa-465e-9a15-cd7f52cedb75)
---
 .../demo/DemoSteps/DemoStepTooltip/DemoStepTooltip.tsx     | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/frontend/src/component/demo/DemoSteps/DemoStepTooltip/DemoStepTooltip.tsx b/frontend/src/component/demo/DemoSteps/DemoStepTooltip/DemoStepTooltip.tsx
index 114f135467..5d6ecd4edd 100644
--- a/frontend/src/component/demo/DemoSteps/DemoStepTooltip/DemoStepTooltip.tsx
+++ b/frontend/src/component/demo/DemoSteps/DemoStepTooltip/DemoStepTooltip.tsx
@@ -129,7 +129,7 @@ export const DemoStepTooltip = ({
                                 condition={topic > 0 || stepIndex > 0}
                                 show={
                                     <Button
-                                        variant='outlined'
+                                        variant='text'
                                         onClick={() => onBack(step)}
                                     >
                                         Back
@@ -180,10 +180,7 @@ export const DemoStepTooltip = ({
                     <ConditionallyRender
                         condition={topic > 0 || stepIndex > 0}
                         show={
-                            <Button
-                                variant='outlined'
-                                onClick={() => onBack(step)}
-                            >
+                            <Button variant='text' onClick={() => onBack(step)}>
                                 Back
                             </Button>
                         }