chore: use theme aware properties in Reset and Download action buttons

CodeForAfrica · Jul 12, 2024 · 39d0f94 · 39d0f94
1 parent 62bc239
commit 39d0f94
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/apps/roboshield/src/components/Code/Code.tsx b/apps/roboshield/src/components/Code/Code.tsx
@@ -82,8 +82,8 @@ export default function Code(props: CodeProps) {
                 />
               }
               sx={(theme: Theme) => ({
-                background: theme.palette.text.primary,
-                borderColor: theme.palette.text.primary,
+                bgcolor: "text.primary",
+                borderColor: "text.primary",
                 "&:hover": {
                   color: "text.primary",
                 },
@@ -133,12 +133,12 @@ export default function Code(props: CodeProps) {
                 />
               }
               sx={{
-                background: "error.main",
+                bgcolor: "error.main",
                 borderColor: "error.main",
                 "&:hover": {
                   color: "error.main",
                 },
-              })}
+              }}
               onClick={onReset}
               disabled={!showButtons}
             >