From 964ee77bfba4f44246741531aa7c45592f3235d4 Mon Sep 17 00:00:00 2001
From: Ching Wei Kang <164879897+WilliamK112@users.noreply.github.com>
Date: Tue, 16 Jun 2026 15:38:36 -0500
Subject: [PATCH] fix(ui): truncate page tab labels

---
 libs/ui/src/lib/page-tabs/page-tabs.component.html | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/libs/ui/src/lib/page-tabs/page-tabs.component.html b/libs/ui/src/lib/page-tabs/page-tabs.component.html
index 051005790..abd39226c 100644
--- a/libs/ui/src/lib/page-tabs/page-tabs.component.html
+++ b/libs/ui/src/lib/page-tabs/page-tabs.component.html
@@ -42,8 +42,13 @@
 
 <ng-template #tabContent let-tab>
   <ion-icon
+    class="flex-shrink-0"
     [name]="tab.iconName"
     [size]="deviceType === 'mobile' ? 'large' : 'small'"
   />
-  <div class="d-none d-sm-block ml-1" [innerHTML]="tab.label"></div>
+  <div
+    class="d-none d-sm-block ml-1 text-truncate"
+    style="max-width: 10.5rem"
+    [innerHTML]="tab.label"
+  ></div>
 </ng-template>