diff --git a/resources/views/components/empty-page.blade.php b/resources/views/components/empty-page.blade.php
index 47be1e8c2..056375eab 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-title>
+                    {!! $title !!}
+                </x-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..86f67f256 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-title>
+                        {!! $title !!}
+                    </x-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..a771c3136 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-title>
+                        {!! $title !!}
+                    </x-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..a771c3136 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-title>
+                        {!! $title !!}
+                    </x-title>
 
                     @yield('dashboard_action')
                 </h1>
diff --git a/resources/views/components/title.blade.php b/resources/views/components/title.blade.php
new file mode 100644
index 000000000..05dd5cd06
--- /dev/null
+++ b/resources/views/components/title.blade.php
@@ -0,0 +1,9 @@
+@if (strlen($slot) >= 25 )
+    <x-tooltip id="page-title" placement="bottom" message="{!! $slot !!}">
+        <div class="truncate" style="width: 22rem;">
+            {!! $slot !!}
+        </div>
+    </x-tooltip>
+@else 
+    {!! $slot !!}
+@endif
\ No newline at end of file