diff --git a/src/components/Topbar/TopbarHistoryPop.vue b/src/components/Topbar/TopbarHistoryPop.vue
index 0b57d827..088b0fad 100644
--- a/src/components/Topbar/TopbarHistoryPop.vue
+++ b/src/components/Topbar/TopbarHistoryPop.vue
@@ -368,7 +368,8 @@ function scrollToTop(element: HTMLElement, duration: number) {
                 <h3
                   class="keep-two-lines"
                   overflow="hidden"
-                  text="overflow-ellipsis"
+                  text="ellipsis"
+                  break-anywhere
                 >
                   {{ historyItem.title }}
                 </h3>
diff --git a/src/components/Topbar/TopbarMomentsPop.vue b/src/components/Topbar/TopbarMomentsPop.vue
index 9825e6c2..00ca9036 100644
--- a/src/components/Topbar/TopbarMomentsPop.vue
+++ b/src/components/Topbar/TopbarMomentsPop.vue
@@ -382,7 +382,7 @@ function scrollToTop(element: HTMLElement, duration: number) {
             <div flex="~" justify="between" w="full">
               <div>
                 <span>{{ `${moment.name} ${t('topbar.moments_dropdown.uploaded')}` }}</span>
-                <div overflow="hidden" text="overflow-ellipsis">
+                <div overflow-hidden text-ellipsis break-anywhere>
                   {{ moment.title }}
                 </div>
                 <div