From 435ccb10ce6caec3e52c96cb2e4af51f83d25741 Mon Sep 17 00:00:00 2001
From: Viktor Renkema <49148610+viktorrenkema@users.noreply.github.com>
Date: Fri, 22 Mar 2024 12:18:49 +0100
Subject: [PATCH] Fix tab truncation behaviour (#322)

---
 src/components/DocumentView/Tabs/DynamicTabs.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/DocumentView/Tabs/DynamicTabs.tsx b/src/components/DocumentView/Tabs/DynamicTabs.tsx
index 593839d2f..5dc14acd7 100644
--- a/src/components/DocumentView/Tabs/DynamicTabs.tsx
+++ b/src/components/DocumentView/Tabs/DynamicTabs.tsx
@@ -68,7 +68,7 @@ export function DynamicTabs(props: {
                             //next from active-tab
                             '[.active-tab_+_:after]:rounded-br-md',
 
-                            'inline-flex',
+                            'inline-block',
                             'text-sm',
                             'px-3.5',
                             'py-2',
@@ -99,8 +99,12 @@ export function DynamicTabs(props: {
                             'dark:after:border-light/2',
                             'dark:hover:text-light-3',
 
+                            'truncate',
+                            'max-w-full',
+
                             active === tab.id
                                 ? [
+                                      'shrink-0',
                                       'active-tab',
                                       'text-dark-2',
                                       'bg-transparent',