diff --git a/resources/views/common/dashboards/show.blade.php b/resources/views/common/dashboards/show.blade.php
index 6a80ec40c..dbfe3e95a 100644
--- a/resources/views/common/dashboards/show.blade.php
+++ b/resources/views/common/dashboards/show.blade.php
@@ -9,7 +9,9 @@
                 <x-dropdown id="dashboard-list">
                     <x-slot name="trigger" class="flex items-center" override="class">
                         <span class="text-2xl xl:text-5xl text-black font-light truncate">
-                            <x-text.hover text="{{ $dashboard->name }}" color="to-black-700" />
+                            <x-link.hover color="to-black-700">
+                                {{ $dashboard->name }}
+                            </x-link.hover>
                         </span>
 
                         <svg class="w-5 h-5 mt-1 text-gray-400" x-description="Heroicon name: solid/selector" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
diff --git a/resources/views/common/reports/index.blade.php b/resources/views/common/reports/index.blade.php
index c52a3ee69..5d43aadcc 100644
--- a/resources/views/common/reports/index.blade.php
+++ b/resources/views/common/reports/index.blade.php
@@ -42,7 +42,9 @@
 
                                     <div class="ltr:ml-2 rtl:mr-2">
                                         <h2 class="mb-1">
-                                            <x-text.hover text="{{ $report->name }}"  group-hover />
+                                            <x-link.hover group-hover>
+                                                {{ $report->name }}
+                                            </x-link.hover>
                                         </h2>
 
                                         <span class="text-black-400 text-sm">{{ $report->description }}</span>
diff --git a/resources/views/components/documents/form/line-item.blade.php b/resources/views/components/documents/form/line-item.blade.php
index 48e21c710..10576b998 100644
--- a/resources/views/components/documents/form/line-item.blade.php
+++ b/resources/views/components/documents/form/line-item.blade.php
@@ -190,14 +190,18 @@
                                 @if (! $hideDiscount && in_array(setting('localisation.discount_location'), ['item', 'both']))
                                     <div class="text-left border-0 p-0 mr-16" v-if="!row.add_discount">
                                         <button type="button" class="text-xs text-purple" @click="onAddLineDiscount(index)">
-                                            <x-text.hover text="{{ trans('general.title.add', ['type' => trans('invoices.discount')]) }}" color="to-purple" />
+                                            <x-link.hover color="to-purple">
+                                                {{ trans('general.title.add', ['type' => trans('invoices.discount')]) }}
+                                            </x-link.hover>
                                         </button>
                                     </div>
                                 @endif
 
                                 <div class="text-right border-0 p-0 pr-4">
                                     <button type="button" class="text-xs text-purple" @click="onAddTax(index)">
-                                        <x-text.hover text="{{ trans('general.title.add', ['type' => trans_choice('general.taxes', 1)]) }}" color="to-purple" />
+                                        <x-link.hover color="to-purple">
+                                            {{ trans('general.title.add', ['type' => trans_choice('general.taxes', 1)]) }}
+                                        </x-link.hover>
                                     </button>
                                 </div>
                             </div>
diff --git a/resources/views/components/documents/form/totals.blade.php b/resources/views/components/documents/form/totals.blade.php
index 718175bab..37b6dd1fd 100644
--- a/resources/views/components/documents/form/totals.blade.php
+++ b/resources/views/components/documents/form/totals.blade.php
@@ -80,7 +80,9 @@
 
                             <td class="text-right border-t-0 border-r-0 border-b-0 align-middle py-0 pr-0">
                                 <div v-if="show_discount_text" v-if="!totals.discount_text" @click="onAddDiscount()">
-                                    <x-text.hover text="{{ trans('invoices.add_discount') }}" color="to-purple" />
+                                    <x-link.hover color="to-purple">
+                                        {{ trans('invoices.add_discount') }}
+                                    </x-link.hover>
                                 </div>
 
                                 <span v-if="totals.discount_text" v-html="totals.discount_text"></span>
diff --git a/resources/views/components/documents/show/get-paid.blade.php b/resources/views/components/documents/show/get-paid.blade.php
index 18aeac61d..57587327b 100644
--- a/resources/views/components/documents/show/get-paid.blade.php
+++ b/resources/views/components/documents/show/get-paid.blade.php
@@ -35,7 +35,9 @@
                     override="class"
                     class="py-1.5 mb-3 sm:mb-0 text-xs bg-transparent hover:bg-transparent font-medium leading-6"
                 >
-                    <x-text.hover text="{{ trans('documents.accept_payment_online') }}"  />
+                    <x-link.hover>
+                        {{ trans('documents.accept_payment_online') }}
+                    </x-link.hover>
                 </x-link>
             @endif
         </div>
@@ -60,12 +62,16 @@
 
                         @if (! empty($transaction->contact) && $transaction->contact->email)
                             <x-button id="button-email-send" class="text-purple mt-1" override="class" @click="onEmail('{{ route($transactionEmailRoute, $transaction->id) }}')">
-                                <x-text.hover text="{{ trans('general.title.send', ['type' => trans_choice('general.receipts', 1)]) }}" color="to-purple" />
+                                <x-link.hover color="to-purple">
+                                    {{ trans('general.title.send', ['type' => trans_choice('general.receipts', 1)]) }}
+                                </x-link.hover>
                             </x-button>
                         @else
                             <x-tooltip message="{{ trans('invoices.messages.email_required') }}" placement="top">
                                 <x-button class="text-purple mt-1" override="class" disabled="disabled">
-                                    <x-text.hover text="{{ trans('general.title.send', ['type' => trans_choice('general.receipts', 1)]) }}" color="to-purple" />
+                                    <x-link.hover color="to-purple">
+                                        {{ trans('general.title.send', ['type' => trans_choice('general.receipts', 1)]) }}
+                                    </x-link.hover>
                                 </x-button>
                             </x-tooltip>
                         @endif
@@ -78,7 +84,9 @@
                             class="text-purple mt-1"
                             override="class"
                         >
-                            <x-text.hover text="{{ trans('general.title.edit', ['type' => trans_choice('general.payments', 1)]) }}" color="to-purple" />
+                            <x-link.hover color="to-purple">
+                                {{ trans('general.title.edit', ['type' => trans_choice('general.payments', 1)]) }}
+                            </x-link.hover>
                         </x-button>
 
                         <span> - </span>
diff --git a/resources/views/components/documents/show/make-payment.blade.php b/resources/views/components/documents/show/make-payment.blade.php
index 78ed9f631..796f138ec 100644
--- a/resources/views/components/documents/show/make-payment.blade.php
+++ b/resources/views/components/documents/show/make-payment.blade.php
@@ -46,12 +46,16 @@
 
                         @if (! empty($transaction->contact) && $transaction->contact->email)
                             <x-button id="button-email-send" class="text-purple mt-1" override="class" @click="onEmail('{{ route($transactionEmailRoute, $transaction->id) }}')">
-                                <x-text.hover text="{{ trans('general.title.send', ['type' => trans_choice('general.receipts', 1)]) }}" color="to-purple" />
+                                <x-link.hover color="to-purple">
+                                    {{ trans('general.title.send', ['type' => trans_choice('general.receipts', 1)]) }}
+                                </x-link.hover>
                             </x-button>
                         @else
                             <x-tooltip message="{{ trans('invoices.messages.email_required') }}" placement="top">
                                 <x-button class="text-purple mt-1" override="class" disabled="disabled">
-                                    <x-text.hover text="{{ trans('general.title.send', ['type' => trans_choice('general.receipts', 1)]) }}" color="to-purple" />
+                                    <x-link.hover color="to-purple">
+                                        {{ trans('general.title.send', ['type' => trans_choice('general.receipts', 1)]) }}
+                                    </x-link.hover>
                                 </x-button>
                             </x-tooltip>
                         @endif
@@ -64,7 +68,9 @@
                             class="text-purple mt-1"
                             override="class"
                         >
-                            <x-text.hover text="{{ trans('general.title.edit', ['type' => trans_choice('general.payments', 1)]) }}" color="to-purple" />
+                            <x-link.hover color="to-purple">
+                                {{ trans('general.title.edit', ['type' => trans_choice('general.payments', 1)]) }}
+                            </x-link.hover>
                         </x-button>
 
                         <span> - </span>
diff --git a/resources/views/components/index/bulkaction/index.blade.php b/resources/views/components/index/bulkaction/index.blade.php
index 18e5a43d1..bbea42cbc 100644
--- a/resources/views/components/index/bulkaction/index.blade.php
+++ b/resources/views/components/index/bulkaction/index.blade.php
@@ -57,7 +57,9 @@
         
         <div class="ltr:mr-4 rtl:ml-4" v-if="bulk_action.count">
             <button type="button" @click="onClearBulkAction">
-                <x-text.hover text="{{ trans('general.clear') }}"  />
+                <x-link.hover>
+                    {{ trans('general.clear') }}
+                </x-link.hover>
             </button>
         </div>
     </div>
diff --git a/resources/views/components/layouts/admin/menu.blade.php b/resources/views/components/layouts/admin/menu.blade.php
index 5d7982d28..3bc65a801 100644
--- a/resources/views/components/layouts/admin/menu.blade.php
+++ b/resources/views/components/layouts/admin/menu.blade.php
@@ -113,7 +113,9 @@
 
                 <div class="flex ltr:ml-2 rtl:mr-2">
                     <span class="w-28 text-left block text-base truncate">
-                        <x-text.hover text="{{ Str::limit(setting('company.name'), 22) }}"  />
+                        <x-link.hover>
+                            {{ Str::limit(setting('company.name'), 22) }}
+                        </x-link.hover>
                     </span>
 
                     @can('read-common-companies')
diff --git a/resources/views/components/layouts/modules/bar.blade.php b/resources/views/components/layouts/modules/bar.blade.php
index 4285917a4..b5ba09a00 100644
--- a/resources/views/components/layouts/modules/bar.blade.php
+++ b/resources/views/components/layouts/modules/bar.blade.php
@@ -14,7 +14,9 @@
                     <div class="grid grid-cols-2 gap-2">
                         @foreach ($categories as $slug => $category)
                             <x-link href="{{ $categoryUrl($slug) }}" class="font-semibold text-sm ltr:pr-4 rtl:pl-4 lg:pr-0 truncate bg-transparent" override="class">
-                                <x-text.hover text="{{ $category }}"  />
+                                <x-link.hover>
+                                    {{ $category }}
+                                </x-link.hover>
                             </x-link>
                         @endforeach
                     </div>
@@ -78,19 +80,27 @@
 
         <div class="flex flex-row items-end lg:items-center mb-1 divide-x divide-black-400">
             <x-link href="{{ route('apps.home.index') }}" class="text-sm font-semibold px-2 sm:mt-0 sm:mb-0 leading-4" override="class">
-                <x-text.hover text="{{ trans('modules.home') }}" color="to-black-400" />
+                <x-link.hover color="to-black-400">
+                    {{ trans('modules.home') }}
+                </x-link.hover>
             </x-link>
 
             <x-link href="{{ route('apps.new') }}" class="text-sm font-semibold px-2 sm:mt-0 sm:mb-0 leading-4" override="class">
-                <x-text.hover text="{{ trans('modules.new') }}" color="to-black-400" />
+                <x-link.hover color="to-black-400">
+                    {{ trans('modules.new') }}
+                </x-link.hover>
             </x-link>
 
             <x-link href="{{ route('apps.paid') }}" class="text-sm font-semibold px-2 sm:mt-0 sm:mb-0 leading-4" override="class">
-                <x-text.hover text="{{ trans('modules.top_paid') }}" color="to-black-400" />
+                <x-link.hover color="to-black-400">
+                    {{ trans('modules.top_paid') }}
+                </x-link.hover>
             </x-link>
 
             <x-link href="{{ route('apps.free') }}" class="text-sm font-semibold px-2 sm:mt-0 sm:mb-0 leading-4" override="class">
-                <x-text.hover text="{{ trans('modules.top_free') }}" color="to-black-400" />
+                <x-link.hover color="to-black-400">
+                    {{ trans('modules.top_free') }}
+                </x-link.hover>
             </x-link>
         </div>
     </div>
diff --git a/resources/views/components/layouts/portal/menu.blade.php b/resources/views/components/layouts/portal/menu.blade.php
index 45c8ff67a..3c0f3324e 100644
--- a/resources/views/components/layouts/portal/menu.blade.php
+++ b/resources/views/components/layouts/portal/menu.blade.php
@@ -84,7 +84,9 @@
 
                 <div class="flex ltr:ml-2 rtl:mr-2">
                     <span class="w-28 text-left block text-base truncate">
-                        <x-text.hover text="{{ Str::limit(setting('company.name'), 22) }}"  />
+                        <x-link.hover>
+                            {{ Str::limit(setting('company.name'), 22) }}
+                        </x-link.hover>
                     </span>
 
                     @can('read-common-companies')
diff --git a/resources/views/components/text/hover.blade.php b/resources/views/components/link/hover.blade.php
similarity index 93%
rename from resources/views/components/text/hover.blade.php
rename to resources/views/components/link/hover.blade.php
index deb27e89d..699110e82 100644
--- a/resources/views/components/text/hover.blade.php
+++ b/resources/views/components/link/hover.blade.php
@@ -11,5 +11,5 @@
 @endphp
 
 <span class="bg-no-repeat bg-0-2 bg-0-full {{ $groupHover ? 'group-hover:bg-full-2' : 'hover:bg-full-2' }} bg-gradient-to-b from-transparent {{ $color }} transition-backgroundSize">   
-    {{ $text }} 
+  {!! $slot !!}
 </span>
\ No newline at end of file
diff --git a/resources/views/components/modules/items.blade.php b/resources/views/components/modules/items.blade.php
index 39a429f73..bc8539411 100644
--- a/resources/views/components/modules/items.blade.php
+++ b/resources/views/components/modules/items.blade.php
@@ -11,7 +11,9 @@
         @if ($attributes->has('route'))
             <div class="flex justify-center items-center group">
                 <a href="{{ route($attributes->get('route')) }}">
-                    <x-text.hover text="{{ trans('modules.see_all_type', ['type' => $attributes->get('title')]) }}"  group-hover />
+                    <x-link.hover  group-hover>
+                        {{ trans('modules.see_all_type', ['type' => $attributes->get('title')]) }}
+                    </x-link.hover>
                 </a>
 
                 <i class="material-icons text-sm ltr:ml-1 rtl:mr-1 transform transition-all group-hover:translate-x-1">arrow_forward</i>
diff --git a/resources/views/components/show/accordion/head.blade.php b/resources/views/components/show/accordion/head.blade.php
index 396076de7..78543c8f9 100644
--- a/resources/views/components/show/accordion/head.blade.php
+++ b/resources/views/components/show/accordion/head.blade.php
@@ -1,6 +1,8 @@
 <div>
     <h2 class="lg:text-lg font-medium text-black">
-        <x-text.hover text="{{ $title }}"  group-hover />   
+        <x-link.hover  group-hover>   
+            {{ $title }}
+        </x-link.hover>
     </h2>
 
     @if (! empty($description))
diff --git a/resources/views/components/show/no-records.blade.php b/resources/views/components/show/no-records.blade.php
index db45d95c3..e9e1d14e4 100644
--- a/resources/views/components/show/no-records.blade.php
+++ b/resources/views/components/show/no-records.blade.php
@@ -23,7 +23,9 @@
             {!! $button !!}
         @else
             <a href="{!! $url !!}">
-                <x-text.hover text="{{ $textAction }}" color="to-white" />  
+                <x-link.hover color="to-white">  
+                    {{ $textAction }}
+                </x-link.hover>
             </a>
         @endif
     </div>
diff --git a/resources/views/components/tips/fixed.blade.php b/resources/views/components/tips/fixed.blade.php
index be9b3cb42..ae3f0b5ad 100644
--- a/resources/views/components/tips/fixed.blade.php
+++ b/resources/views/components/tips/fixed.blade.php
@@ -15,7 +15,9 @@
             </p>
 
             <a href="{{ $item->action }}" class="font-light text-sm" target="_blank">
-                <x-text.hover text="{{ $item->learn_more }}"  />    
+                <x-link.hover>    
+                    {{ $item->learn_more }}
+                </x-link.hover>
             </a>
         </div>
 
diff --git a/resources/views/components/tips/relative.blade.php b/resources/views/components/tips/relative.blade.php
index 543c6a39b..a1350e41c 100644
--- a/resources/views/components/tips/relative.blade.php
+++ b/resources/views/components/tips/relative.blade.php
@@ -15,7 +15,9 @@
             </p>
 
             <a href="{{ $item->action }}" class="font-light text-sm">
-                <x-text.hover text="{{ $item->learn_more }}"  />
+                <x-link.hover>
+                    {{ $item->learn_more }}
+                </x-link.hover>
             </a>
         </div>
 
diff --git a/resources/views/components/transactions/show/attachment.blade.php b/resources/views/components/transactions/show/attachment.blade.php
index 7bea9d228..4761d36c6 100644
--- a/resources/views/components/transactions/show/attachment.blade.php
+++ b/resources/views/components/transactions/show/attachment.blade.php
@@ -6,7 +6,9 @@
             x-on:click="attachment !== 1 ? attachment = 1 : attachment = null"
         >
             <span class="font-medium">
-                <x-text.hover text="{{ trans_choice('general.attachments', 2) }}"  group-hover />
+                <x-link.hover  group-hover>
+                    {{ trans_choice('general.attachments', 2) }}
+                </x-link.hover>
             </span>
 
             <div class="text-black-400 text-sm">
diff --git a/resources/views/components/transactions/show/children.blade.php b/resources/views/components/transactions/show/children.blade.php
index a0a11435d..be032c296 100644
--- a/resources/views/components/transactions/show/children.blade.php
+++ b/resources/views/components/transactions/show/children.blade.php
@@ -3,7 +3,9 @@
         x-on:click="children !== 1 ? children = 1 : children = null"
     >
         <span class="font-medium">
-            <x-text.hover text="{{ trans_choice('general.transactions', 2) }}"  group-hover />
+            <x-link.hover  group-hover>
+                {{ trans_choice('general.transactions', 2) }}
+            </x-link.hover>
         </span>
 
         <div class="text-black-400 text-sm">
diff --git a/resources/views/components/transactions/show/create.blade.php b/resources/views/components/transactions/show/create.blade.php
index 87a9ebcb1..fe7f81928 100644
--- a/resources/views/components/transactions/show/create.blade.php
+++ b/resources/views/components/transactions/show/create.blade.php
@@ -5,7 +5,9 @@
         x-on:click="create !== 1 ? create = 1 : create = null"
     >
         <span class="font-medium">
-            <x-text.hover text="{{ trans('general.create') }}"  />
+            <x-link.hover>
+                {{ trans('general.create') }}
+            </x-link.hover>
         </span>
 
         <div class="text-black-400 text-sm">
diff --git a/resources/views/components/transactions/show/schedule.blade.php b/resources/views/components/transactions/show/schedule.blade.php
index f73bd00a5..5f54f68ed 100644
--- a/resources/views/components/transactions/show/schedule.blade.php
+++ b/resources/views/components/transactions/show/schedule.blade.php
@@ -8,7 +8,9 @@
         x-on:click="schedule !== 1 ? schedule = 1 : schedule = null"
     >
         <span class="font-medium">
-            <x-text.hover text="{{ trans_choice('general.schedules', 1) }}"  group-hover />
+            <x-link.hover  group-hover>
+                {{ trans_choice('general.schedules', 1) }}
+            </x-link.hover>
         </span>
 
         <div class="text-black-400 text-sm">
diff --git a/resources/views/components/transfers/show/attachment.blade.php b/resources/views/components/transfers/show/attachment.blade.php
index fbe13fa63..60845c758 100644
--- a/resources/views/components/transfers/show/attachment.blade.php
+++ b/resources/views/components/transfers/show/attachment.blade.php
@@ -2,7 +2,9 @@
     <div class="border-b border-gray-200 pb-4" x-data="{ attachment : null }">
         <div class="relative w-full text-left cursor-pointer group" x-on:click="attachment !== 1 ? attachment = 1 : attachment = null">
             <span class="font-medium">
-                <x-text.hover text="{{ trans_choice('general.attachments', 2) }}"  group-hover />
+                <x-link.hover  group-hover>
+                    {{ trans_choice('general.attachments', 2) }}
+                </x-link.hover>
             </span>
 
             <div class="text-black-400 text-sm">
diff --git a/resources/views/components/transfers/show/create.blade.php b/resources/views/components/transfers/show/create.blade.php
index ba9915433..d6bc8cc38 100644
--- a/resources/views/components/transfers/show/create.blade.php
+++ b/resources/views/components/transfers/show/create.blade.php
@@ -3,7 +3,9 @@
 <div class="border-b pb-4" x-data="{ create : null }">
     <button class="relative w-full text-left group" x-on:click="create !== 1 ? create = 1 : create = null">
         <span class="font-medium">
-            <x-text.hover text="{{ trans('general.create') }}"  group-hover />
+            <x-link.hover  group-hover>
+                {{ trans('general.create') }}
+            </x-link.hover>
         </span>
 
         <div class="text-black-400 text-sm">
diff --git a/resources/views/components/widgets/header.blade.php b/resources/views/components/widgets/header.blade.php
index efb79bc3b..5bf0b8528 100644
--- a/resources/views/components/widgets/header.blade.php
+++ b/resources/views/components/widgets/header.blade.php
@@ -8,7 +8,9 @@
         <div class="flex items-center">
             @if ($report = $class->getReportUrl())
                 <a href="{{ $report }}" class="text-purple text-sm mr-3">
-                    <x-text.hover text="{{ trans('widgets.view_report') }}" color="to-purple" />
+                    <x-link.hover color="to-purple">
+                        {{ trans('widgets.view_report') }}
+                    </x-link.hover>
                 </a>
             @endif
 
diff --git a/resources/views/livewire/report/pins.blade.php b/resources/views/livewire/report/pins.blade.php
index 8ce248205..136fa9b7a 100644
--- a/resources/views/livewire/report/pins.blade.php
+++ b/resources/views/livewire/report/pins.blade.php
@@ -9,7 +9,9 @@
             <span class="material-icons-outlined text-4xl transition-all text-black-400">{{ $icons[$report->id] }}</span>
             
             <div class="h-10 font-medium text-sm mt-2">
-                <x-text.hover text="{{ $report->name }}"  group-hover />
+                <x-link.hover group-hover>
+                    {{ $report->name }}
+                </x-link.hover>
             </div>
         </a>
     @endforeach
diff --git a/resources/views/portal/payments/preview.blade.php b/resources/views/portal/payments/preview.blade.php
index 801c56032..e5d943919 100644
--- a/resources/views/portal/payments/preview.blade.php
+++ b/resources/views/portal/payments/preview.blade.php
@@ -24,7 +24,9 @@
             <div class="w-full lg:w-5/12 space-y-8">
                 <div class="border-b-2 border-gray-200 pb-1">
                     <div class="relative w-full text-left group">
-                        <x-text.hover text="{{ trans('portal.received_date') }}"  group-hover />  
+                        <x-link.hover  group-hover>  
+                            {{ trans('portal.received_date') }}
+                        </x-link.hover>
                     </div>
 
                     <div class="relative overflow-hidden transition-all duration-700">
diff --git a/resources/views/portal/payments/show.blade.php b/resources/views/portal/payments/show.blade.php
index 730f410b8..afdb814ec 100644
--- a/resources/views/portal/payments/show.blade.php
+++ b/resources/views/portal/payments/show.blade.php
@@ -22,7 +22,9 @@
             <div class="w-full lg:w-5/12 space-y-8">
                 <div class="border-b-2 border-gray-200 pb-1">
                     <div class="relative w-full text-left group">
-                        <x-text.hover text="{{ trans('portal.received_date') }}"  group-hover />    
+                        <x-link.hover  group-hover>    
+                            {{ trans('portal.received_date') }}
+                        </x-link.hover>
                     </div>
 
                     <div class="relative overflow-hidden transition-all duration-700">
diff --git a/resources/views/portal/payments/signed.blade.php b/resources/views/portal/payments/signed.blade.php
index 34da25950..e007c2bfb 100644
--- a/resources/views/portal/payments/signed.blade.php
+++ b/resources/views/portal/payments/signed.blade.php
@@ -32,7 +32,9 @@
                 <div class="w-full lg:w-5/12 space-y-8">
                     <div class="border-b-2 border-gray-200 pb-1">
                         <div class="relative w-full text-left group">
-                            <x-text.hover text="{{ trans('portal.received_date') }}"  group-hover />    
+                            <x-link.hover  group-hover>
+                                {{ trans('portal.received_date') }}
+                            </x-link.hover>
                         </div>
 
                         <div class="relative overflow-hidden transition-all duration-700">
diff --git a/resources/views/settings/email-templates/edit.blade.php b/resources/views/settings/email-templates/edit.blade.php
index 973372665..3c0e4d50f 100644
--- a/resources/views/settings/email-templates/edit.blade.php
+++ b/resources/views/settings/email-templates/edit.blade.php
@@ -15,7 +15,9 @@
                                 <div class="mb-3">
                                     @foreach ($template as $item)
                                         <button class="text-xs truncate text-left" @click="onEditEmailTemplate({{ $item->id }}, $event)" >
-                                            <x-text.hover text="{{ trans($item->name) }}" color="to-purple" />
+                                            <x-link.hover color="to-purple">
+                                                {{ trans($item->name) }}
+                                            </x-link.hover>
                                         </button>
                                     @endforeach
                                 </div>
diff --git a/resources/views/widgets/receivables_payables.blade.php b/resources/views/widgets/receivables_payables.blade.php
index 413113d07..1130a99b8 100644
--- a/resources/views/widgets/receivables_payables.blade.php
+++ b/resources/views/widgets/receivables_payables.blade.php
@@ -28,7 +28,9 @@
             </span>
 
             <button id="dashboard-widget-{{ strtolower(class_basename($class)) }}-overdue" type="button" class="flex items-center text-black-400 font-medium group" data-dropdown-toggle="widgets-list-{{ $class->model->id }}">
-                <x-text.hover text="{{ $totals['overdue'] }}" color="to-black-400" group-hover />    
+                <x-link.hover color="to-black-400" group-hover>
+                    {{ $totals['overdue'] }}
+                </x-link.hover>
 
                 <div class="relative flex">
                     <span class="material-icons-round cursor-pointer">arrow_drop_down</span>