diff --git a/resources/views/components/empty-page.blade.php b/resources/views/components/empty-page.blade.php
index 2f0949bf8..dddfbb470 100644
--- a/resources/views/components/empty-page.blade.php
+++ b/resources/views/components/empty-page.blade.php
@@ -2,7 +2,9 @@
     <div class="w-full lg:w-1/2">
         <div class="border-b px-2 pb-3">
             <h1 class="flex items-center text-2xl xl:text-5xl text-black font-light -ml-0.5">
-                {!! $title !!}
+                <x-page-title>
+                    {!! $title !!}
+                </x-page-title>
             </h1>
 
             <p class="mt-6 text-sm">
diff --git a/resources/views/components/layouts/admin/header.blade.php b/resources/views/components/layouts/admin/header.blade.php
index 1576049c8..79d4ba9e5 100644
--- a/resources/views/components/layouts/admin/header.blade.php
+++ b/resources/views/components/layouts/admin/header.blade.php
@@ -5,7 +5,9 @@
         <div class="w-full sm:w-6/12 items-center mb-3 sm:mb-0">
             <div class="flex items-center">
                 <h1 class="flex items-center text-2xl xl:text-5xl text-black font-light -ml-0.5">
-                    {!! $title !!}
+                    <x-page-title>
+                        {!! $title !!}
+                    </x-page-title>
 
                     @yield('dashboard_action')
                 </h1>
diff --git a/resources/views/components/layouts/preview/header.blade.php b/resources/views/components/layouts/preview/header.blade.php
index c16665f54..ec399b6fc 100644
--- a/resources/views/components/layouts/preview/header.blade.php
+++ b/resources/views/components/layouts/preview/header.blade.php
@@ -5,7 +5,9 @@
         <div class="w-full sm:w-6/12 items-center mb-3 sm:mb-0">
             <div class="flex items-center">
                 <h1 class="flex items-center text-2xl xl:text-5xl text-black font-light -ml-0.5">
-                    {!! $title !!}
+                    <x-page-title>
+                        {!! $title !!}
+                    </x-page-title>
 
                     @yield('dashboard_action')
                 </h1>
diff --git a/resources/views/components/layouts/signed/header.blade.php b/resources/views/components/layouts/signed/header.blade.php
index c16665f54..ec399b6fc 100644
--- a/resources/views/components/layouts/signed/header.blade.php
+++ b/resources/views/components/layouts/signed/header.blade.php
@@ -5,7 +5,9 @@
         <div class="w-full sm:w-6/12 items-center mb-3 sm:mb-0">
             <div class="flex items-center">
                 <h1 class="flex items-center text-2xl xl:text-5xl text-black font-light -ml-0.5">
-                    {!! $title !!}
+                    <x-page-title>
+                        {!! $title !!}
+                    </x-page-title>
 
                     @yield('dashboard_action')
                 </h1>
diff --git a/resources/views/components/page-title.blade.php b/resources/views/components/page-title.blade.php
new file mode 100644
index 000000000..7aa2ed21f
--- /dev/null
+++ b/resources/views/components/page-title.blade.php
@@ -0,0 +1,9 @@
+@if (strlen($slot) >= 25 )
+    <x-tooltip id="page-title" placement="bottom" message="{!! $slot !!}">
+        <div class="w-96 truncate">
+            {!! $slot !!}
+        </div>
+    </x-tooltip>
+@else 
+    {!! $slot !!}
+@endif
\ No newline at end of file