diff --git a/app/Livewire/Table/AllUrlFromGuestTable.php b/app/Livewire/Table/AllUrlFromGuestTable.php
index ea56e0eef..72f2307e4 100644
--- a/app/Livewire/Table/AllUrlFromGuestTable.php
+++ b/app/Livewire/Table/AllUrlFromGuestTable.php
@@ -2,11 +2,8 @@
 
 namespace App\Livewire\Table;
 
-use App\Helpers\Helper;
 use App\Models\Url;
 use Illuminate\Database\Eloquent\Builder;
-use Illuminate\Support\Facades\Blade;
-use Illuminate\Support\Str;
 use PowerComponents\LivewirePowerGrid\Column;
 use PowerComponents\LivewirePowerGrid\Footer;
 use PowerComponents\LivewirePowerGrid\Header;
@@ -48,51 +45,26 @@ public function fields(): PowerGridFields
     {
         return PowerGrid::fields()
             ->add('keyword', function (Url $url) {
-                return '<a href="'.$url->short_url.'" target="_blank"class="font-light text-sky-800">'.$url->keyword.'</a>';
+                return view('components.table.keyword', ['url' => $url])
+                    ->render();
             })
             ->add('destination', function (Url $url) {
-                return
-                    '<span title="'.htmlspecialchars($url->title).'">'
-                        .htmlspecialchars(Str::limit($url->title, self::STR_LIMIT)).
-                    '</span>
-                    <br>
-                    <a href="'.$url->destination.'" target="_blank" title="'.$url->destination.'" rel="noopener noreferrer"
-                        class="text-[#6c6c6c]"
-                    >'
-                        .Helper::urlDisplay($url->destination, self::STR_LIMIT).
-                    '</a>';
+                return view('components.table.destination', [
+                    'url' => $url,
+                    'limit' => self::STR_LIMIT,
+                ])->render();
             })
             ->add('t_clicks', function (Url $url) {
-                $uClick = numberAbbreviate($url->uniqueClicks);
-                $tClick = numberAbbreviate($url->clicks);
-                $icon = Blade::render('@svg(\'icon-bar-chart\', \'ml-2 text-amber-600\')');
-                $title = $uClick.' '.__('Uniques').' / '.$tClick.' '.__('Clicks');
-
-                return '<div title="'.$title.'">'.$uClick.' / '.$tClick.$icon.'</div>';
+                return view('components.table.visit', ['url' => $url])
+                    ->render();
             })
             ->add('created_at_formatted', function (Url $url) {
-                return
-                    '<span title="'.$url->created_at->toDayDateTimeString().'">'
-                        .$url->created_at->shortRelativeDiffForHumans().
-                    '</span>';
+                return view('components.table.date-created', ['url' => $url])
+                    ->render();
             })
             ->add('action', function (Url $url) {
-                return
-                    '<a role="button" href="'.route('su_detail', $url->keyword).'" target="_blank" title="'.__('Open front page').'"
-                        class="btn btn-secondary btn-sm"
-                    >'
-                        .Blade::render('@svg(\'icon-open-in-new\')').
-                    '</a>
-                    <a role="button" href="'.route('dashboard.su_edit', $url).'" title="'.__('Edit').'"
-                        class="btn btn-secondary btn-sm"
-                    >'
-                        .Blade::render('@svg(\'icon-edit-alt\')').
-                    '</a>
-                    <a role="button" href="'.route('dashboard.su_delete', $url).'" title="'.__('Delete').'"
-                        class="btn btn-secondary btn-sm hover:text-red-600 active:text-red-700"
-                    >'
-                        .Blade::render('@svg(\'icon-trash-alt\')').
-                    '</a>';
+                return view('components.table.action-button', ['url' => $url])
+                    ->render();
             });
     }
 
diff --git a/app/Livewire/Table/AllUrlTable.php b/app/Livewire/Table/AllUrlTable.php
index ae6fa21da..04a1678d7 100644
--- a/app/Livewire/Table/AllUrlTable.php
+++ b/app/Livewire/Table/AllUrlTable.php
@@ -2,11 +2,8 @@
 
 namespace App\Livewire\Table;
 
-use App\Helpers\Helper;
 use App\Models\Url;
 use Illuminate\Database\Eloquent\Builder;
-use Illuminate\Support\Facades\Blade;
-use Illuminate\Support\Str;
 use PowerComponents\LivewirePowerGrid\Column;
 use PowerComponents\LivewirePowerGrid\Footer;
 use PowerComponents\LivewirePowerGrid\Header;
@@ -51,51 +48,26 @@ public function fields(): PowerGridFields
                 return '<span class="font-semibold">'.$url->author->name.'</span>';
             })
             ->add('keyword', function (Url $url) {
-                return '<a href="'.$url->short_url.'" target="_blank"class="font-light text-sky-800">'.$url->keyword.'</a>';
+                return view('components.table.keyword', ['url' => $url])
+                    ->render();
             })
             ->add('destination', function (Url $url) {
-                return
-                    '<span title="'.htmlspecialchars($url->title).'">'
-                        .htmlspecialchars(Str::limit($url->title, self::STR_LIMIT)).
-                    '</span>
-                    <br>
-                    <a href="'.$url->destination.'" target="_blank" title="'.$url->destination.'" rel="noopener noreferrer"
-                        class="text-[#6c6c6c]"
-                    >'
-                        .Helper::urlDisplay($url->destination, self::STR_LIMIT).
-                    '</a>';
+                return view('components.table.destination', [
+                    'url' => $url,
+                    'limit' => self::STR_LIMIT,
+                ])->render();
             })
             ->add('t_clicks', function (Url $url) {
-                $uClick = numberAbbreviate($url->uniqueClicks);
-                $tClick = numberAbbreviate($url->clicks);
-                $icon = Blade::render('@svg(\'icon-bar-chart\', \'ml-2 text-amber-600\')');
-                $title = $uClick.' '.__('Uniques').' / '.$tClick.' '.__('Clicks');
-
-                return '<div title="'.$title.'">'.$uClick.' / '.$tClick.$icon.'</div>';
+                return view('components.table.visit', ['url' => $url])
+                    ->render();
             })
             ->add('created_at_formatted', function (Url $url) {
-                return
-                    '<span title="'.$url->created_at->toDayDateTimeString().'">'
-                        .$url->created_at->shortRelativeDiffForHumans().
-                    '</span>';
+                return view('components.table.date-created', ['url' => $url])
+                    ->render();
             })
             ->add('action', function (Url $url) {
-                return
-                    '<a role="button" href="'.route('su_detail', $url->keyword).'" target="_blank" title="'.__('Open front page').'"
-                        class="btn btn-secondary btn-sm"
-                    >'
-                        .Blade::render('@svg(\'icon-open-in-new\')').
-                    '</a>
-                    <a role="button" href="'.route('dashboard.su_edit', $url).'" title="'.__('Edit').'"
-                        class="btn btn-secondary btn-sm"
-                    >'
-                        .Blade::render('@svg(\'icon-edit-alt\')').
-                    '</a>
-                    <a role="button" href="'.route('dashboard.su_delete', $url).'" title="'.__('Delete').'"
-                        class="btn btn-secondary btn-sm hover:text-red-600 active:text-red-700"
-                    >'
-                        .Blade::render('@svg(\'icon-trash-alt\')').
-                    '</a>';
+                return view('components.table.action-button', ['url' => $url])
+                    ->render();
             });
     }
 
diff --git a/app/Livewire/Table/MyUrlTable.php b/app/Livewire/Table/MyUrlTable.php
index d214c987d..b6d3ea683 100644
--- a/app/Livewire/Table/MyUrlTable.php
+++ b/app/Livewire/Table/MyUrlTable.php
@@ -2,11 +2,8 @@
 
 namespace App\Livewire\Table;
 
-use App\Helpers\Helper;
 use App\Models\Url;
 use Illuminate\Database\Eloquent\Builder;
-use Illuminate\Support\Facades\Blade;
-use Illuminate\Support\Str;
 use PowerComponents\LivewirePowerGrid\Column;
 use PowerComponents\LivewirePowerGrid\Footer;
 use PowerComponents\LivewirePowerGrid\Header;
@@ -48,49 +45,26 @@ public function fields(): PowerGridFields
     {
         return PowerGrid::fields()
             ->add('keyword', function (Url $url) {
-                return '<a href="'.$url->short_url.'" target="_blank" class="font-light text-sky-800">'.$url->keyword.'</a>';
+                return view('components.table.keyword', ['url' => $url])
+                    ->render();
             })
             ->add('destination', function (Url $url) {
-                return
-                    '<span title="'.htmlspecialchars($url->title).'">'
-                        .htmlspecialchars(Str::limit($url->title, self::STR_LIMIT)).
-                    '</span>
-                    <br>
-                    <a href="'.$url->destination.'" target="_blank" title="'.$url->destination.'" rel="noopener noreferrer" class="text-[#6c6c6c]">'
-                        .Helper::urlDisplay($url->destination, self::STR_LIMIT).
-                    '</a>';
+                return view('components.table.destination', [
+                    'url' => $url,
+                    'limit' => self::STR_LIMIT,
+                ])->render();
             })
             ->add('t_clicks', function (Url $url) {
-                $uClick = numberAbbreviate($url->uniqueClicks);
-                $tClick = numberAbbreviate($url->clicks);
-                $icon = Blade::render('@svg(\'icon-bar-chart\', \'ml-2 text-amber-600\')');
-                $title = $uClick.' '.__('Uniques').' / '.$tClick.' '.__('Clicks');
-
-                return '<div title="'.$title.'">'.$uClick.' / '.$tClick.$icon.'</div>';
+                return view('components.table.visit', ['url' => $url])
+                    ->render();
             })
             ->add('created_at_formatted', function (Url $url) {
-                return
-                    '<span title="'.$url->created_at->toDayDateTimeString().'">'
-                        .$url->created_at->shortRelativeDiffForHumans().
-                    '</span>';
+                return view('components.table.date-created', ['url' => $url])
+                    ->render();
             })
             ->add('action', function (Url $url) {
-                return
-                    '<a role="button" href="'.route('su_detail', $url->keyword).'" target="_blank" title="'.__('Go to front page').'"
-                        class="btn btn-secondary btn-sm"
-                    >'
-                        .Blade::render('@svg(\'icon-open-in-new\')').
-                    '</a>
-                    <a role="button" href="'.route('dashboard.su_edit', $url).'" title="'.__('Edit').'"
-                        class="btn btn-secondary btn-sm"
-                    >'
-                        .Blade::render('@svg(\'icon-edit-alt\')').
-                    '</a>
-                    <a role="button" href="'.route('dashboard.su_delete', $url).'" title="'.__('Delete').'"
-                        class="btn btn-secondary btn-sm hover:text-red-600 active:text-red-700"
-                    >'
-                        .Blade::render('@svg(\'icon-trash-alt\')').
-                    '</a>';
+                return view('components.table.action-button', ['url' => $url])
+                    ->render();
             });
     }
 
diff --git a/resources/views/components/table/action-button.blade.php b/resources/views/components/table/action-button.blade.php
new file mode 100644
index 000000000..0f64d3d99
--- /dev/null
+++ b/resources/views/components/table/action-button.blade.php
@@ -0,0 +1,17 @@
+<div>
+    <a role="button" href="{{route('su_detail', $url->keyword)}}" target="_blank" title="{{__('Go to front page')}}"
+        class="btn btn-secondary btn-sm"
+    >
+        @svg('icon-open-in-new')
+    </a>
+    <a role="button" href="{{route('dashboard.su_edit', $url)}}" title="{{__('Edit')}}"
+        class="btn btn-secondary btn-sm"
+    >
+        @svg('icon-edit-alt')
+    </a>
+    <a role="button" href="{{route('dashboard.su_delete', $url)}}" title="{{__('Delete')}}"
+        class="btn btn-secondary btn-sm hover:text-red-600 active:text-red-700"
+    >
+        @svg('icon-trash-alt')
+    </a>
+</div>
diff --git a/resources/views/components/table/date-created.blade.php b/resources/views/components/table/date-created.blade.php
new file mode 100644
index 000000000..d4281a0e7
--- /dev/null
+++ b/resources/views/components/table/date-created.blade.php
@@ -0,0 +1,5 @@
+<div>
+    <span title="{{ $url->created_at->toDayDateTimeString()}} ">
+        {{ $url->created_at->shortRelativeDiffForHumans() }}
+    </span>
+</div>
diff --git a/resources/views/components/table/destination.blade.php b/resources/views/components/table/destination.blade.php
new file mode 100644
index 000000000..8f3aae7cd
--- /dev/null
+++ b/resources/views/components/table/destination.blade.php
@@ -0,0 +1,14 @@
+@use('App\Helpers\Helper')
+@use('Illuminate\Support\Str')
+
+<div>
+    <span title="{{ htmlspecialchars($url->title)}} ">
+        {{ htmlspecialchars(Str::limit($url->title, $limit)) }}
+    </span>
+
+    <br>
+
+    <a href="{{ $url->destination }}" target="_blank" title="{{ $url->destination }}" rel="noopener noreferrer" class="text-[#6c6c6c]">
+        {{ Helper::urlDisplay($url->destination, $limit) }}
+    </a>
+</div>
diff --git a/resources/views/components/table/keyword.blade.php b/resources/views/components/table/keyword.blade.php
new file mode 100644
index 000000000..377e7a0bc
--- /dev/null
+++ b/resources/views/components/table/keyword.blade.php
@@ -0,0 +1,5 @@
+<div>
+    <a href="{{$url->short_url}}" target="_blank" class="font-light text-sky-800">
+        {{$url->keyword}}
+    </a>
+</div>
diff --git a/resources/views/components/table/visit.blade.php b/resources/views/components/table/visit.blade.php
new file mode 100644
index 000000000..a88973720
--- /dev/null
+++ b/resources/views/components/table/visit.blade.php
@@ -0,0 +1,10 @@
+@php
+    $uClick = numberAbbreviate($url->uniqueClicks);
+    $tClick = numberAbbreviate($url->clicks);
+    $title = $uClick.' '.__('Uniques').' / '.$tClick.' '.__('Clicks');
+@endphp
+
+<div title="{{ $title }}">
+    {{ $uClick }} / {{ $tClick }}
+    @svg('icon-bar-chart', 'ml-2 text-amber-600')
+</div>