From 371555863a5d606442e802a4069a7ae5083dd40e Mon Sep 17 00:00:00 2001
From: Faruk AYDIN <omerfaruk26@gmail.com>
Date: Mon, 13 Jan 2025 14:12:32 +0100
Subject: [PATCH] refactor: Adjust export button styling and add icon

---
 packages/web/src/components/EditorLayout/index.jsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/web/src/components/EditorLayout/index.jsx b/packages/web/src/components/EditorLayout/index.jsx
index 0d72f0bc..118e84fe 100644
--- a/packages/web/src/components/EditorLayout/index.jsx
+++ b/packages/web/src/components/EditorLayout/index.jsx
@@ -6,6 +6,7 @@ import Button from '@mui/material/Button';
 import Tooltip from '@mui/material/Tooltip';
 import IconButton from '@mui/material/IconButton';
 import ArrowBackIosNewIcon from '@mui/icons-material/ArrowBackIosNew';
+import DownloadIcon from '@mui/icons-material/Download';
 import Snackbar from '@mui/material/Snackbar';
 import { ReactFlowProvider } from 'reactflow';
 
@@ -103,11 +104,12 @@ export default function EditorLayout() {
             {(allowed) => (
               <Button
                 disabled={!allowed || !flow}
-                variant="contained"
+                variant="outlined"
                 color="info"
                 size="small"
                 onClick={onExportFlow}
                 data-test="export-flow-button"
+                startIcon={<DownloadIcon />}
               >
                 {formatMessage('flowEditor.export')}
               </Button>