diff --git a/apps/roboshield/src/assets/icons/Type=back, Size=24, Color=CurrentColor.svg b/apps/roboshield/src/assets/icons/Type=back, Size=24, Color=CurrentColor.svg
new file mode 100644
index 000000000..625779ad1
--- /dev/null
+++ b/apps/roboshield/src/assets/icons/Type=back, Size=24, Color=CurrentColor.svg	
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19 12H5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12 19L5 12L12 5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/apps/roboshield/src/assets/icons/Type=copy, Size=24, Color=CurrentColor.svg b/apps/roboshield/src/assets/icons/Type=copy, Size=24, Color=CurrentColor.svg
new file mode 100644
index 000000000..530004f8e
--- /dev/null
+++ b/apps/roboshield/src/assets/icons/Type=copy, Size=24, Color=CurrentColor.svg	
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20 9H11C9.89543 9 9 9.89543 9 11V20C9 21.1046 9.89543 22 11 22H20C21.1046 22 22 21.1046 22 20V11C22 9.89543 21.1046 9 20 9Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5 15H4C3.46957 15 2.96086 14.7893 2.58579 14.4142C2.21071 14.0391 2 13.5304 2 13V4C2 3.46957 2.21071 2.96086 2.58579 2.58579C2.96086 2.21071 3.46957 2 4 2H13C13.5304 2 14.0391 2.21071 14.4142 2.58579C14.7893 2.96086 15 3.46957 15 4V5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/apps/roboshield/src/assets/icons/Type=reset, Size=24, Color=CurrentColor.svg b/apps/roboshield/src/assets/icons/Type=reset, Size=24, Color=CurrentColor.svg
new file mode 100644
index 000000000..83c275659
--- /dev/null
+++ b/apps/roboshield/src/assets/icons/Type=reset, Size=24, Color=CurrentColor.svg	
@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17 1L21 5L17 9" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M3 11V9C3 7.93913 3.42143 6.92172 4.17157 6.17157C4.92172 5.42143 5.93913 5 7 5H21" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7 23L3 19L7 15" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M21 13V15C21 16.0609 20.5786 17.0783 19.8284 17.8284C19.0783 18.5786 18.0609 19 17 19H3" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/apps/roboshield/src/assets/icons/Type=save, Size=24, Color=CurrentColor.svg b/apps/roboshield/src/assets/icons/Type=save, Size=24, Color=CurrentColor.svg
new file mode 100644
index 000000000..b24c4c8a1
--- /dev/null
+++ b/apps/roboshield/src/assets/icons/Type=save, Size=24, Color=CurrentColor.svg	
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V5C3 4.46957 3.21071 3.96086 3.58579 3.58579C3.96086 3.21071 4.46957 3 5 3H16L21 8V19C21 19.5304 20.7893 20.0391 20.4142 20.4142C20.0391 20.7893 19.5304 21 19 21Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M17 21V13H7V21" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7 3V8H15" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/apps/roboshield/src/components/Code/Code.tsx b/apps/roboshield/src/components/Code/Code.tsx
index b72adbd2e..e3b95e371 100644
--- a/apps/roboshield/src/components/Code/Code.tsx
+++ b/apps/roboshield/src/components/Code/Code.tsx
@@ -1,4 +1,9 @@
-import { Box, Button, Grid, Stack } from "@mui/material";
+import { Box, Button, Grid, Stack, SvgIcon } from "@mui/material";
+import { Theme } from "@mui/material";
+import CopyIcon from "@/roboshield/assets/icons/Type=copy, Size=24, Color=CurrentColor.svg";
+import SaveIcon from "@/roboshield/assets/icons/Type=save, Size=24, Color=CurrentColor.svg";
+import BackIcon from "@/roboshield/assets/icons/Type=back, Size=24, Color=CurrentColor.svg";
+import ResetIcon from "@/roboshield/assets/icons/Type=reset, Size=24, Color=CurrentColor.svg";
 
 import CodeEditor from "./CodeEditor";
 
@@ -28,6 +33,7 @@ export default function Code(props: CodeProps) {
   const handleCodeChange = (newCode: string) => {
     onCodeChange(newCode);
   };
+
   return (
     <Box
       sx={{
@@ -47,7 +53,19 @@ export default function Code(props: CodeProps) {
             <Button
               variant="contained"
               color="primary"
-              sx={{ mt: 2 }}
+              sx={(theme: Theme) => ({
+                "&:hover": {
+                  color: "primary",
+                },
+              })}
+              startIcon={
+                <SvgIcon
+                  component={CopyIcon}
+                  sx={{
+                    fill: "transparent",
+                  }}
+                />
+              }
               onClick={onCopy}
               disabled={!showButtons}
             >
@@ -55,15 +73,21 @@ export default function Code(props: CodeProps) {
             </Button>
             <Button
               variant="contained"
-              sx={{
-                mt: 2,
-                background: "#000000",
-                border: "1px solid #000000",
+              startIcon={
+                <SvgIcon
+                  component={SaveIcon}
+                  sx={{
+                    fill: "transparent",
+                  }}
+                />
+              }
+              sx={(theme: Theme) => ({
+                bgcolor: "text.primary",
+                borderColor: "text.primary",
                 "&:hover": {
-                  background: "none",
-                  color: "#000000",
+                  color: "text.primary",
                 },
-              }}
+              })}
               onClick={onDownload}
               disabled={!showButtons}
             >
@@ -71,10 +95,16 @@ export default function Code(props: CodeProps) {
             </Button>
             <Button
               variant="outlined"
+              startIcon={
+                <SvgIcon
+                  component={BackIcon}
+                  sx={{
+                    color: "primary",
+                    fill: "transparent",
+                  }}
+                />
+              }
               color="primary"
-              sx={{
-                mt: 2,
-              }}
               onClick={onBack}
               disabled={!showButtons}
             >
@@ -94,13 +124,19 @@ export default function Code(props: CodeProps) {
           >
             <Button
               variant="contained"
+              startIcon={
+                <SvgIcon
+                  component={ResetIcon}
+                  sx={{
+                    fill: "transparent",
+                  }}
+                />
+              }
               sx={{
-                display: "inline-block",
-                background: "#FE2500",
-                border: "1px solid #FE2500",
+                bgcolor: "error.main",
+                borderColor: "error.main",
                 "&:hover": {
-                  background: "none",
-                  color: "#FE2500",
+                  color: "error.main",
                 },
               }}
               onClick={onReset}
diff --git a/apps/roboshield/src/components/Statistics/Statistics.tsx b/apps/roboshield/src/components/Statistics/Statistics.tsx
index 12663fada..69ef340ff 100644
--- a/apps/roboshield/src/components/Statistics/Statistics.tsx
+++ b/apps/roboshield/src/components/Statistics/Statistics.tsx
@@ -37,7 +37,7 @@ export default function Statistics({ title, statistics }: StatiscticsProps) {
         )}
         <Grid container rowSpacing={10} justifyContent="space-between">
           {statistics?.map((statistic) => (
-            <Grid item key={statistic.name}>
+            <Grid item key={statistic.name} xs={12} md={4}>
               <StatisticCard {...statistic} />
             </Grid>
           ))}