diff --git a/Data/WebUI/public/Borealis_Logo_Transparent.png b/Data/WebUI/public/Borealis_Logo_Transparent.png
new file mode 100644
index 0000000..bf68420
Binary files /dev/null and b/Data/WebUI/public/Borealis_Logo_Transparent.png differ
diff --git a/Data/WebUI/src/App.jsx b/Data/WebUI/src/App.jsx
index dc707b4..301e127 100644
--- a/Data/WebUI/src/App.jsx
+++ b/Data/WebUI/src/App.jsx
@@ -571,12 +571,24 @@ export default function App() {
             >
                 <AppBar position="static" sx={{ bgcolor: "#092c44" }}>
                     <Toolbar sx={{ minHeight: "36px" }}>
+                        {/* Logo */}
+                        <Box
+                            component="img"
+                            src="/Borealis_Logo_Transparent.png"
+                            alt="Borealis Logo"
+                            sx={{
+                                height: "36px",
+                                marginRight: "8px"
+                            }}
+                        />
+                        
                         <Typography
                             variant="h6"
                             sx={{ flexGrow: 1, fontSize: "1rem" }}
                         >
                             Borealis - Workflow Automation Tool
                         </Typography>
+
                         <Button
                             color="inherit"
                             onClick={handleAboutMenuOpen}
@@ -586,6 +598,7 @@ export default function App() {
                         >
                             About
                         </Button>
+
                         <Menu
                             anchorEl={aboutAnchorEl}
                             open={Boolean(aboutAnchorEl)}
@@ -628,6 +641,7 @@ export default function App() {
                     </Toolbar>
                 </AppBar>
 
+
                 <Box
                     sx={{
                         display: "flex",