diff --git a/CHANGELOG.md b/CHANGELOG.md
index 178a1c7d9..895acc2f6 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -15,6 +15,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Fixed
 
+- Fixed the layout of the page tabs component by truncating long labels
 - Fixed the display of assets without a currency in the search results of the assistant
 - Fixed the display of assets without a currency in the symbol autocomplete component
 
diff --git a/apps/client/src/styles.scss b/apps/client/src/styles.scss
index 045de2eb6..653efe376 100644
--- a/apps/client/src/styles.scss
+++ b/apps/client/src/styles.scss
@@ -376,12 +376,16 @@ ngx-skeleton-loader {
   visibility: hidden;
 }
 
+.lead {
+  font-weight: unset;
+}
+
 .line-height-1 {
   line-height: 1;
 }
 
-.lead {
-  font-weight: unset;
+.line-height-normal {
+  line-height: normal;
 }
 
 .mat-mdc-button-base {
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 2898bcc79..34a5a3e26 100644
--- a/libs/ui/src/lib/page-tabs/page-tabs.component.html
+++ b/libs/ui/src/lib/page-tabs/page-tabs.component.html
@@ -45,9 +45,15 @@
 </nav>
 
 <ng-template #tabContent let-tab>
-  <ion-icon
-    [name]="tab.iconName"
-    [size]="deviceType === 'mobile' ? 'large' : 'small'"
-  />
-  <div class="d-none d-sm-block ml-1" [innerHTML]="tab.label"></div>
+  <span class="align-items-center d-flex justify-content-start text-left w-100">
+    <ion-icon
+      class="flex-shrink-0"
+      [name]="tab.iconName"
+      [size]="deviceType === 'mobile' ? 'large' : 'small'"
+    />
+    <span
+      class="d-none d-sm-block line-height-normal ml-1 overflow-hidden p-0 text-truncate"
+      [innerHTML]="tab.label"
+    ></span>
+  </span>
 </ng-template>
diff --git a/libs/ui/src/lib/page-tabs/page-tabs.component.scss b/libs/ui/src/lib/page-tabs/page-tabs.component.scss
index ffb3ff33c..246a6147d 100644
--- a/libs/ui/src/lib/page-tabs/page-tabs.component.scss
+++ b/libs/ui/src/lib/page-tabs/page-tabs.component.scss
@@ -56,6 +56,11 @@
         padding: 2rem 0;
         width: 14rem;
 
+        .mat-mdc-tab-list,
+        .mat-mdc-tab-links {
+          width: 100%;
+        }
+
         .mat-mdc-tab-links {
           flex-direction: column;