From 720696a3a3dd696b5dfe3a107ef75d7931079264 Mon Sep 17 00:00:00 2001
From: Michael Hudson Nkotagu <mnkotagu@gmail.com>
Date: Thu, 20 Jun 2024 17:41:05 +0300
Subject: [PATCH] fix: improve styling of buttons for final form step

---
 apps/roboshield/src/components/Code/Code.tsx | 26 +++++++++-----------
 1 file changed, 11 insertions(+), 15 deletions(-)

diff --git a/apps/roboshield/src/components/Code/Code.tsx b/apps/roboshield/src/components/Code/Code.tsx
index 2ed17f4ab..2c9fefff5 100644
--- a/apps/roboshield/src/components/Code/Code.tsx
+++ b/apps/roboshield/src/components/Code/Code.tsx
@@ -67,35 +67,31 @@ export default function Code(props: CodeProps) {
           Download
         </Button>
         <Button
-          variant="contained"
+          variant="outlined"
+          color="primary"
           sx={{
             mt: 2,
-            background: "#FE2500",
-            border: "1px solid #FE2500",
-            "&:hover": {
-              background: "none",
-              color: "#FE2500",
-            },
           }}
-          onClick={onReset}
+          onClick={onBack}
           disabled={!showButtons}
         >
-          Reset
+          Back
         </Button>
         <Button
-          variant="outlined"
-          color="primary"
+          variant="contained"
           sx={{
             mt: 2,
-            border: "none",
+            background: "#FE2500",
+            border: "1px solid #FE2500",
             "&:hover": {
-              border: "none",
+              background: "none",
+              color: "#FE2500",
             },
           }}
-          onClick={onBack}
+          onClick={onReset}
           disabled={!showButtons}
         >
-          Back
+          Reset
         </Button>
       </Stack>
     </Box>