From 9cc585b53c7da403dafce1ebdbd05ccc368ee272 Mon Sep 17 00:00:00 2001
From: virginieVachet <vachetvirginie@gmail.com>
Date: Wed, 25 Sep 2024 15:22:24 +0200
Subject: [PATCH] fix vertical divider

---
 .../src/patterns/NotificationBar/NotificationBar.vue      | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/packages/synapse-bridge/src/patterns/NotificationBar/NotificationBar.vue b/packages/synapse-bridge/src/patterns/NotificationBar/NotificationBar.vue
index ce5fad9940..3099b83647 100644
--- a/packages/synapse-bridge/src/patterns/NotificationBar/NotificationBar.vue
+++ b/packages/synapse-bridge/src/patterns/NotificationBar/NotificationBar.vue
@@ -159,7 +159,8 @@ export default defineComponent({
 					v-if="!mobileVersion && hasLongContent"
 					:color="contentColor"
 					:style="{ borderColor: dividerColor }"
-					:vertical="true"
+					:thickness="1"
+					vertical
 					class="mx-4"
 				/>
 				<slot :attrs="actionSlotAttrs" name="action"></slot>
@@ -241,4 +242,9 @@ $breakpoint-xs: 600px;
 .vd-notification-icon {
 	min-width: 24px;
 }
+
+:deep(.v-divider--vertical) {
+	height: 35px;
+	opacity: 0.50;
+}
 </style>