From a1f06f130e3a3b8a5eacfc8f58676ed9c24e0af6 Mon Sep 17 00:00:00 2001
From: Ramon Wenger <ramon.wenger@iterativ.ch>
Date: Mon, 11 Mar 2024 11:53:00 +0100
Subject: [PATCH] Fix elipses when text is overflowing in HighlightSidebar

Resolves MS-897 #complete
---
 client/src/components/highlights/HighlightSidebar.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/client/src/components/highlights/HighlightSidebar.vue b/client/src/components/highlights/HighlightSidebar.vue
index cc55e8d2..d6024c56 100644
--- a/client/src/components/highlights/HighlightSidebar.vue
+++ b/client/src/components/highlights/HighlightSidebar.vue
@@ -174,7 +174,9 @@ const isOverflowing = computed(() => {
       &::after {
         content: '...';
         position: absolute;
-        right: 10px;
+        background-color: inherit;
+        padding-right: 30px;
+        right: 0;
         bottom: 0;
       }
     }