diff --git a/backend/go-app/main.go b/backend/go-app/main.go
index 31d0e85f..b702f16d 100755
--- a/backend/go-app/main.go
+++ b/backend/go-app/main.go
@@ -4945,10 +4945,12 @@ func initHandlers() {
 	r.HandleFunc("/api/v1/files", shuffle.HandleGetFiles).Methods("GET", "OPTIONS")
 
 	// Introduced in 0.9.21 to handle notifications for e.g. failed Workflow
+	r.HandleFunc("/api/v1/notifications", shuffle.HandleCreateNotification).Methods("POST", "OPTIONS")
 	r.HandleFunc("/api/v1/notifications", shuffle.HandleGetNotifications).Methods("GET", "OPTIONS")
 	r.HandleFunc("/api/v1/notifications/clear", shuffle.HandleClearNotifications).Methods("GET", "OPTIONS")
 	r.HandleFunc("/api/v1/notifications/{notificationId}/markasread", shuffle.HandleMarkAsRead).Methods("GET", "OPTIONS")
-	//r.HandleFunc("/api/v1/notifications/{notificationId}/markasread", shuffle.HandleMarkAsRead).Methods("GET", "OPTIONS")
+
+	r.HandleFunc("/api/v1/users/notifications", shuffle.HandleCreateNotification).Methods("POST", "OPTIONS")
 	r.HandleFunc("/api/v1/users/notifications", shuffle.HandleGetNotifications).Methods("GET", "OPTIONS")
 	r.HandleFunc("/api/v1/users/notifications/clear", shuffle.HandleClearNotifications).Methods("GET", "OPTIONS")
 	r.HandleFunc("/api/v1/users/notifications/{notificationId}/markasread", shuffle.HandleMarkAsRead).Methods("GET", "OPTIONS")
diff --git a/frontend/public/images/logos/topleft_logo.svg b/frontend/public/images/logos/topleft_logo.svg
new file mode 100644
index 00000000..95895320
--- /dev/null
+++ b/frontend/public/images/logos/topleft_logo.svg
@@ -0,0 +1,6 @@
+<svg width="131" height="28" viewBox="0 0 131 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 2L-1.62024e-08 16.6087L4.80057 16.6087L4.80057 6.87052L24 6.87052L24 2L0 2Z" fill="#FF8444"/>
+<path d="M19.1994 11.3912L19.1994 21.1294L-1.08006e-08 21.1294L-1.62024e-08 25.9999L24 25.9999L24 11.3912L19.1994 11.3912Z" fill="#FF8444"/>
+<path d="M14.608 11.3914L9.39062 11.3914L9.39062 16.6088L14.608 16.6088L14.608 11.3914Z" fill="#FF8444"/>
+<path d="M47.752 5.92C49.176 5.92 50.408 6.192 51.448 6.736C52.488 7.264 53.368 8.048 54.088 9.088L52.36 10.744C51.752 9.816 51.064 9.152 50.296 8.752C49.544 8.336 48.648 8.128 47.608 8.128C46.84 8.128 46.208 8.232 45.712 8.44C45.216 8.648 44.848 8.928 44.608 9.28C44.384 9.616 44.272 10 44.272 10.432C44.272 10.928 44.44 11.36 44.776 11.728C45.128 12.096 45.776 12.384 46.72 12.592L49.936 13.312C51.472 13.648 52.56 14.16 53.2 14.848C53.84 15.536 54.16 16.408 54.16 17.464C54.16 18.44 53.896 19.288 53.368 20.008C52.84 20.728 52.104 21.28 51.16 21.664C50.232 22.048 49.136 22.24 47.872 22.24C46.752 22.24 45.744 22.096 44.848 21.808C43.952 21.52 43.168 21.128 42.496 20.632C41.824 20.136 41.272 19.568 40.84 18.928L42.616 17.152C42.952 17.712 43.376 18.216 43.888 18.664C44.4 19.096 44.992 19.432 45.664 19.672C46.352 19.912 47.112 20.032 47.944 20.032C48.68 20.032 49.312 19.944 49.84 19.768C50.384 19.592 50.792 19.336 51.064 19C51.352 18.648 51.496 18.232 51.496 17.752C51.496 17.288 51.336 16.88 51.016 16.528C50.712 16.176 50.136 15.904 49.288 15.712L45.808 14.92C44.848 14.712 44.056 14.416 43.432 14.032C42.808 13.648 42.344 13.184 42.04 12.64C41.736 12.08 41.584 11.456 41.584 10.768C41.584 9.872 41.824 9.064 42.304 8.344C42.8 7.608 43.512 7.024 44.44 6.592C45.368 6.144 46.472 5.92 47.752 5.92ZM57.3904 22V4.6H59.9584V11.92C60.3584 11.168 60.8944 10.624 61.5664 10.288C62.2544 9.936 63.0144 9.76 63.8464 9.76C64.6944 9.76 65.4544 9.928 66.1264 10.264C66.8144 10.584 67.3584 11.072 67.7584 11.728C68.1584 12.384 68.3584 13.216 68.3584 14.224V22H65.7904V15.04C65.7904 13.856 65.5424 13.032 65.0464 12.568C64.5664 12.104 63.9584 11.872 63.2224 11.872C62.7104 11.872 62.1984 12 61.6864 12.256C61.1904 12.496 60.7744 12.896 60.4384 13.456C60.1184 14 59.9584 14.736 59.9584 15.664V22H57.3904ZM76.5218 22.24C75.7378 22.24 75.0098 22.096 74.3378 21.808C73.6818 21.52 73.1538 21.056 72.7538 20.416C72.3538 19.776 72.1538 18.944 72.1538 17.92V10H74.7218V17.272C74.7218 18.36 74.9538 19.112 75.4178 19.528C75.8818 19.928 76.5298 20.128 77.3618 20.128C77.7618 20.128 78.1458 20.064 78.5138 19.936C78.8978 19.792 79.2418 19.576 79.5458 19.288C79.8498 18.984 80.0818 18.6 80.2418 18.136C80.4178 17.672 80.5058 17.128 80.5058 16.504V10H83.0738V22H80.8178L80.6978 20.056C80.2818 20.808 79.7218 21.36 79.0178 21.712C78.3138 22.064 77.4818 22.24 76.5218 22.24ZM92.1738 4.432C92.6698 4.432 93.1178 4.488 93.5178 4.6C93.9338 4.696 94.2458 4.832 94.4538 5.008L93.9738 6.856C93.7978 6.744 93.5978 6.664 93.3738 6.616C93.1498 6.552 92.8938 6.52 92.6058 6.52C91.9498 6.52 91.4298 6.672 91.0458 6.976C90.6778 7.28 90.4938 7.776 90.4938 8.464V10.216L90.5658 10.864V22H87.9978V8.272C87.9978 7.664 88.0858 7.12 88.2617 6.64C88.4538 6.16 88.7338 5.76 89.1018 5.44C89.4698 5.104 89.9098 4.856 90.4218 4.696C90.9498 4.52 91.5338 4.432 92.1738 4.432ZM94.3818 10V12.016H85.7418V10H94.3818ZM101.678 4.432C102.174 4.432 102.622 4.488 103.022 4.6C103.438 4.696 103.75 4.832 103.958 5.008L103.478 6.856C103.302 6.744 103.102 6.664 102.878 6.616C102.654 6.552 102.398 6.52 102.11 6.52C101.454 6.52 100.934 6.672 100.55 6.976C100.182 7.28 99.9978 7.776 99.9978 8.464V10.216L100.07 10.864V22H97.5018V8.272C97.5018 7.664 97.5898 7.12 97.7657 6.64C97.9578 6.16 98.2378 5.76 98.6058 5.44C98.9738 5.104 99.4138 4.856 99.9258 4.696C100.454 4.52 101.038 4.432 101.678 4.432ZM103.886 10V12.016H95.2458V10H103.886ZM108.662 4.6V18.64C108.662 19.232 108.766 19.64 108.974 19.864C109.182 20.088 109.526 20.2 110.006 20.2C110.294 20.2 110.534 20.184 110.726 20.152C110.934 20.104 111.19 20.024 111.494 19.912L111.206 21.832C110.934 21.96 110.622 22.056 110.27 22.12C109.918 22.2 109.566 22.24 109.214 22.24C108.142 22.24 107.35 21.968 106.838 21.424C106.342 20.864 106.094 20.008 106.094 18.856V4.6H108.662ZM118.967 22.24C117.767 22.24 116.711 21.992 115.799 21.496C114.887 21 114.175 20.288 113.663 19.36C113.167 18.416 112.919 17.296 112.919 16C112.919 14.704 113.167 13.592 113.663 12.664C114.175 11.72 114.879 11 115.775 10.504C116.671 10.008 117.687 9.76 118.823 9.76C119.991 9.76 120.983 10 121.799 10.48C122.615 10.96 123.239 11.616 123.671 12.448C124.103 13.28 124.319 14.224 124.319 15.28C124.319 15.568 124.311 15.84 124.295 16.096C124.279 16.352 124.255 16.576 124.223 16.768H114.575V14.8H123.095L121.823 15.184C121.823 14.096 121.551 13.264 121.007 12.688C120.463 12.096 119.719 11.8 118.775 11.8C118.087 11.8 117.487 11.96 116.975 12.28C116.463 12.6 116.071 13.08 115.799 13.72C115.527 14.344 115.391 15.112 115.391 16.024C115.391 16.92 115.535 17.68 115.823 18.304C116.111 18.928 116.519 19.4 117.047 19.72C117.575 20.04 118.199 20.2 118.919 20.2C119.719 20.2 120.367 20.048 120.863 19.744C121.359 19.44 121.751 19.016 122.039 18.472L124.079 19.432C123.791 20.008 123.399 20.512 122.903 20.944C122.423 21.36 121.847 21.68 121.175 21.904C120.503 22.128 119.767 22.24 118.967 22.24Z" fill="white"/>
+</svg>
diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index eccd320f..f2a79f65 100755
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -8,8 +8,8 @@ import Workflows from "./views/Workflows";
 import GettingStarted from "./views/GettingStarted";
 import AngularWorkflow from "./views/AngularWorkflow.jsx";
 
-//import Header from "./components/NewHeader.jsx";
-import Header from "./components/Header.jsx";
+import Header from "./components/NewHeader.jsx";
+//import Header from "./components/Header.jsx";
 import theme from "./theme";
 import Apps from "./views/Apps";
 import AppCreator from "./views/AppCreator";
@@ -240,6 +240,7 @@ const App = (message, props) => {
         	      setCookie={setCookie}
         	      cookies={cookies}
         	      checkLogin={checkLogin}
+				  notifications={notifications}
         	      {...props}
         	    />
         	  }
diff --git a/frontend/src/components/NewHeader.jsx b/frontend/src/components/NewHeader.jsx
index 277b1a40..558d0c72 100644
--- a/frontend/src/components/NewHeader.jsx
+++ b/frontend/src/components/NewHeader.jsx
@@ -235,7 +235,7 @@ const Header = (props) => {
     setLoginHoverColor(hoverOutColor);
   };
 
-	const notificationWidth = 300
+	const notificationWidth = 335
 	const imagesize = 22;
   	const boxColor = "#86c142";
 
@@ -398,7 +398,8 @@ const Header = (props) => {
               <Button
                 color="primary"
                 variant="contained"
-                style={{ marginLeft: 30 }}
+				disabled={notifications.filter((data) => !data.read).length === 0}
+                style={{ marginLeft: 30, }}
                 onClick={() => {
                   clearNotifications();
                 }}
@@ -629,7 +630,7 @@ const Header = (props) => {
   };
   
   // Handle top bar or something
-  const defaultTop = isCloud ? 0 : 7;
+  const defaultTop = -2
   const loginTextBrowser = !isLoggedIn ? (
     <div
       style={{
@@ -662,7 +663,7 @@ const Header = (props) => {
                 <img
                   src={"/images/logos/topleft_logo.svg"}
                   alt="shuffle logo"
-                  style={{ height: 25, marginTop: 5, }}
+                  style={{ height: 25, }}
                 />
               </Grid>
             </Link>