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>