diff --git a/packages/synapse-bridge/src/patterns/NotificationBar/NotificationBar.vue b/packages/synapse-bridge/src/patterns/NotificationBar/NotificationBar.vue
index 1012faad0..93ef41215 100644
--- a/packages/synapse-bridge/src/patterns/NotificationBar/NotificationBar.vue
+++ b/packages/synapse-bridge/src/patterns/NotificationBar/NotificationBar.vue
@@ -97,6 +97,8 @@ export default defineComponent({
 			this.snackbar = true
 			if (this.notification.type === 'success') {
 				this.snackbarColor = '#56C271'
+			} else if (this.notification.type === 'warning') {
+				this.snackbarColor = '#f0b323';
 			} else {
 				this.snackbarColor =
 					this.options.snackBar.color || this.notification.type