diff --git a/src/app/modules/admin/apps/academy/details/details.component.html b/src/app/modules/admin/apps/academy/details/details.component.html
index 478415f0..2742ffff 100644
--- a/src/app/modules/admin/apps/academy/details/details.component.html
+++ b/src/app/modules/admin/apps/academy/details/details.component.html
@@ -98,11 +98,11 @@
             <!-- Header -->
             <div class="lg:hidden flex flex-0 items-center py-2 pl-4 pr-6 sm:py-4 md:pl-6 md:pr-8 border-b lg:border-b-0 bg-card dark:bg-transparent">
                 <!-- Title & Actions -->
-                <button
+                <a
                     mat-icon-button
                     [routerLink]="['..']">
                     <mat-icon [svgIcon]="'heroicons_outline:arrow-sm-left'"></mat-icon>
-                </button>
+                </a>
                 <h2 class="ml-2.5 text-md sm:text-xl font-medium tracking-tight truncate">
                     {{course.title}}
                 </h2>
diff --git a/src/app/modules/admin/apps/academy/list/list.component.html b/src/app/modules/admin/apps/academy/list/list.component.html
index 535007e4..db0a3dee 100644
--- a/src/app/modules/admin/apps/academy/list/list.component.html
+++ b/src/app/modules/admin/apps/academy/list/list.component.html
@@ -146,7 +146,7 @@
 
                                 <!-- Course launch button -->
                                 <div class="px-6 py-4 text-right bg-gray-50 dark:bg-transparent">
-                                    <button
+                                    <a
                                         mat-stroked-button
                                         [routerLink]="[course.id]">
                                         <span class="inline-flex items-center">
@@ -172,7 +172,7 @@
                                                 class="ml-1.5 icon-size-5"
                                                 [svgIcon]="'heroicons_solid:arrow-sm-right'"></mat-icon>
                                         </span>
-                                    </button>
+                                    </a>
                                 </div>
                             </div>
                         </div>
diff --git a/src/app/modules/admin/apps/chat/chats/chats.component.html b/src/app/modules/admin/apps/chat/chats/chats.component.html
index 59837cc8..e56306ee 100644
--- a/src/app/modules/admin/apps/chat/chats/chats.component.html
+++ b/src/app/modules/admin/apps/chat/chats/chats.component.html
@@ -115,7 +115,7 @@
                     <div class="flex-auto overflow-y-auto">
                         <ng-container *ngIf="filteredChats.length > 0; else noChats">
                             <ng-container *ngFor="let chat of filteredChats; trackBy: trackByFn">
-                                <div
+                                <a
                                     class="z-20 flex items-center py-5 px-8 cursor-pointer border-b"
                                     [ngClass]="{'hover:bg-gray-100 dark:hover:bg-hover': !selectedChat || selectedChat.id !== chat.id,
                                                 'bg-primary-50 dark:bg-hover': selectedChat && selectedChat.id === chat.id}"
@@ -155,7 +155,7 @@
                                                 [svgIcon]="'heroicons_solid:volume-off'"></mat-icon>
                                         </ng-container>
                                     </div>
-                                </div>
+                                </a>
                             </ng-container>
                         </ng-container>
                     </div>
diff --git a/src/app/modules/admin/apps/contacts/details/details.component.html b/src/app/modules/admin/apps/contacts/details/details.component.html
index a2d130d4..0a2f3f9f 100644
--- a/src/app/modules/admin/apps/contacts/details/details.component.html
+++ b/src/app/modules/admin/apps/contacts/details/details.component.html
@@ -13,14 +13,14 @@
             </ng-container>
             <!-- Close button -->
             <div class="flex items-center justify-end w-full max-w-3xl mx-auto pt-6">
-                <button
+                <a
                     mat-icon-button
                     [matTooltip]="'Close'"
                     [routerLink]="['../']">
                     <mat-icon
                         class="text-white"
                         [svgIcon]="'heroicons_outline:x'"></mat-icon>
-                </button>
+                </a>
             </div>
         </div>
 
@@ -183,14 +183,14 @@
             </ng-container>
             <!-- Close button -->
             <div class="flex items-center justify-end w-full max-w-3xl mx-auto pt-6">
-                <button
+                <a
                     mat-icon-button
                     [matTooltip]="'Close'"
                     [routerLink]="['../']">
                     <mat-icon
                         class="text-white"
                         [svgIcon]="'heroicons_outline:x'"></mat-icon>
-                </button>
+                </a>
             </div>
         </div>
 
diff --git a/src/app/modules/admin/apps/file-manager/details/details.component.html b/src/app/modules/admin/apps/file-manager/details/details.component.html
index b258d689..efa4c0ca 100644
--- a/src/app/modules/admin/apps/file-manager/details/details.component.html
+++ b/src/app/modules/admin/apps/file-manager/details/details.component.html
@@ -2,11 +2,11 @@
 
     <!-- Close button -->
     <div class="flex items-center justify-end">
-        <button
+        <a
             mat-icon-button
             [routerLink]="['../../']">
             <mat-icon [svgIcon]="'heroicons_outline:x'"></mat-icon>
-        </button>
+        </a>
     </div>
 
     <!-- Preview -->
diff --git a/src/app/modules/admin/apps/tasks/details/details.component.html b/src/app/modules/admin/apps/tasks/details/details.component.html
index 496667d6..300bce7e 100644
--- a/src/app/modules/admin/apps/tasks/details/details.component.html
+++ b/src/app/modules/admin/apps/tasks/details/details.component.html
@@ -49,11 +49,11 @@
                 </mat-menu>
 
                 <!-- Close button -->
-                <button
+                <a
                     mat-icon-button
                     [routerLink]="['../']">
                     <mat-icon [svgIcon]="'heroicons_outline:x'"></mat-icon>
-                </button>
+                </a>
             </div>
 
         </div>
diff --git a/src/app/modules/admin/pages/profile/profile.component.html b/src/app/modules/admin/pages/profile/profile.component.html
index 787b2999..bc832e1e 100644
--- a/src/app/modules/admin/pages/profile/profile.component.html
+++ b/src/app/modules/admin/pages/profile/profile.component.html
@@ -106,13 +106,13 @@
                         <span class="leading-none">April, 24</span>
                     </div>
                 </div>
-                <button
+                <a
                     class="px-6 mt-8"
                     mat-flat-button
                     [color]="'primary'"
                     [routerLink]="['./']">
                     See complete bio
-                </button>
+                </a>
             </fuse-card>
 
             <!-- Followers -->
@@ -207,13 +207,13 @@
                     </div>
                 </div>
                 <div class="flex items-center mt-6 -mx-3">
-                    <button
+                    <a
                         class="px-3"
                         mat-button
                         [color]="'primary'"
                         [routerLink]="['./']">
                         See all followers
-                    </button>
+                    </a>
                 </div>
             </fuse-card>
 
@@ -310,13 +310,13 @@
                     </div>
                 </div>
                 <div class="flex items-center mt-6 -mx-3">
-                    <button
+                    <a
                         class="px-3"
                         mat-button
                         [color]="'primary'"
                         [routerLink]="['./']">
                         See entire gallery
-                    </button>
+                    </a>
                 </div>
             </fuse-card>
 
@@ -384,13 +384,13 @@
                     </div>
                 </div>
                 <div class="flex items-center mt-6 -mx-3">
-                    <button
+                    <a
                         class="px-3"
                         mat-button
                         [color]="'primary'"
                         [routerLink]="['./']">
                         See all groups
-                    </button>
+                    </a>
                 </div>
             </fuse-card>
 
@@ -442,13 +442,13 @@
                     </div>
                 </div>
                 <div class="flex items-center mt-4 -mx-3">
-                    <button
+                    <a
                         class="px-3"
                         mat-button
                         [color]="'primary'"
                         [routerLink]="['./']">
                         See all news
-                    </button>
+                    </a>
                 </div>
             </fuse-card>
 
@@ -512,13 +512,13 @@
                     </div>
                 </div>
                 <div class="flex items-center mt-6 -mx-3">
-                    <button
+                    <a
                         class="px-3"
                         mat-button
                         [color]="'primary'"
                         [routerLink]="['./']">
                         See entire activity feed
-                    </button>
+                    </a>
                 </div>
             </fuse-card>
 
@@ -549,8 +549,7 @@
                 <div class="flex items-center mt-6 sm:mt-8 -mx-3">
                     <button
                         class="px-3 mr-1"
-                        mat-button
-                        [routerLink]="['./']">
+                        mat-button>
                         <mat-icon
                             class="icon-size-5 mr-2"
                             [svgIcon]="'heroicons_solid:photograph'"></mat-icon>
@@ -558,8 +557,7 @@
                     </button>
                     <button
                         class="px-3 mr-1 hidden sm:inline-flex"
-                        mat-button
-                        [routerLink]="['./']">
+                        mat-button>
                         <mat-icon
                             class="icon-size-5 mr-2"
                             [svgIcon]="'heroicons_solid:user-circle'"></mat-icon>
@@ -567,8 +565,7 @@
                     </button>
                     <button
                         class="px-3 mr-1 hidden sm:inline-flex"
-                        mat-button
-                        [routerLink]="['./']">
+                        mat-button>
                         <mat-icon
                             class="icon-size-5 mr-2"
                             [svgIcon]="'heroicons_solid:emoji-happy'"></mat-icon>
@@ -585,8 +582,7 @@
                     <mat-menu #postCardMenu01="matMenu">
                         <button
                             class="sm:hidden"
-                            mat-menu-item
-                            [routerLink]="['./']">
+                            mat-menu-item>
                             <span class="flex items-center">
                                 <mat-icon
                                     class="icon-size-5 mr-3"
@@ -596,8 +592,7 @@
                         </button>
                         <button
                             class="sm:hidden"
-                            mat-menu-item
-                            [routerLink]="['./']">
+                            mat-menu-item>
                             <span class="flex items-center">
                                 <mat-icon
                                     class="icon-size-5 mr-3"
@@ -726,8 +721,7 @@
                 <div class="flex items-center mx-3 sm:mx-5">
                     <button
                         class="px-3 mr-1"
-                        mat-button
-                        [routerLink]="['./']">
+                        mat-button>
                         <mat-icon
                             class="icon-size-5 text-red-500 mr-2"
                             [svgIcon]="'heroicons_solid:heart'"></mat-icon>
@@ -735,8 +729,7 @@
                     </button>
                     <button
                         class="px-3 mr-1"
-                        mat-button
-                        [routerLink]="['./']">
+                        mat-button>
                         <mat-icon
                             class="icon-size-5 mr-2"
                             [svgIcon]="'heroicons_solid:chat-alt'"></mat-icon>
@@ -744,8 +737,7 @@
                     </button>
                     <button
                         class="px-3 mr-1"
-                        mat-button
-                        [routerLink]="['./']">
+                        mat-button>
                         <mat-icon
                             class="icon-size-5 mr-2"
                             [svgIcon]="'heroicons_solid:share'"></mat-icon>
@@ -840,18 +832,9 @@
                                         <b>Rutherford Brannan</b> Oh, I’m in.. Let’s arrange a trip for the next weekend if you want!
                                     </span>
                                     <div class="flex items-center text-sm text-secondary mt-2">
-                                        <a
-                                            class="mr-2 hover:underline"
-                                            [routerLink]="'./'">Like
-                                        </a>
-                                        <a
-                                            class="mr-2 hover:underline"
-                                            [routerLink]="'./'">Reply
-                                        </a>
-                                        <a
-                                            class="mr-2 hover:underline"
-                                            [routerLink]="'./'">Hide replies
-                                        </a>
+                                        <span class="mr-2 cursor-pointer hover:underline">Like</span>
+                                        <span class="mr-2 cursor-pointer hover:underline">Reply</span>
+                                        <span class="mr-2 cursor-pointer hover:underline">Hide replies</span>
                                         <span class="mr-2">&bull;</span>
                                         <span>17 min</span>
                                     </div>
@@ -867,14 +850,8 @@
                                         <b>Caroline Lundu</b> Yes!! Let's talk about it on lunch!
                                     </span>
                                     <div class="flex items-center text-sm text-secondary mt-2">
-                                        <a
-                                            class="mr-2 hover:underline"
-                                            [routerLink]="'./'">Like
-                                        </a>
-                                        <a
-                                            class="mr-2 hover:underline"
-                                            [routerLink]="'./'">Reply
-                                        </a>
+                                        <span class="mr-2 cursor-pointer hover:underline">Like</span>
+                                        <span class="mr-2 cursor-pointer hover:underline">Reply</span>
                                         <span class="mr-2">&bull;</span>
                                         <span>15 min</span>
                                     </div>
@@ -890,14 +867,8 @@
                                         <b>Barbara Cotilla</b> Count me in !!!
                                     </span>
                                     <div class="flex items-center text-sm text-secondary mt-2">
-                                        <a
-                                            class="mr-2 hover:underline"
-                                            [routerLink]="'./'">Like
-                                        </a>
-                                        <a
-                                            class="mr-2 hover:underline"
-                                            [routerLink]="'./'">Reply
-                                        </a>
+                                        <span class="mr-2 cursor-pointer hover:underline">Like</span>
+                                        <span class="mr-2 cursor-pointer hover:underline">Reply</span>
                                         <span class="mr-2">&bull;</span>
                                         <span>12 min</span>
                                     </div>
@@ -914,18 +885,9 @@
                                         Your trip isn't going to worth it since you won't be seeing this exact sky.
                                     </span>
                                     <div class="flex items-center text-sm text-secondary mt-2">
-                                        <a
-                                            class="mr-2 hover:underline"
-                                            [routerLink]="'./'">Like
-                                        </a>
-                                        <a
-                                            class="mr-2 hover:underline"
-                                            [routerLink]="'./'">Reply
-                                        </a>
-                                        <a
-                                            class="mr-2 hover:underline"
-                                            [routerLink]="'./'">Hide replies
-                                        </a>
+                                        <span class="mr-2 cursor-pointer hover:underline">Like</span>
+                                        <span class="mr-2 cursor-pointer hover:underline">Reply</span>
+                                        <span class="mr-2 cursor-pointer hover:underline">Hide replies</span>
                                         <span class="mr-2">&bull;</span>
                                         <span>24 min</span>
                                     </div>
@@ -941,14 +903,8 @@
                                         <b>Caroline Lundu</b> Hey, Alan! You must be fun at parties!
                                     </span>
                                     <div class="flex items-center text-sm text-secondary mt-2">
-                                        <a
-                                            class="mr-2 hover:underline"
-                                            [routerLink]="'./'">Like
-                                        </a>
-                                        <a
-                                            class="mr-2 hover:underline"
-                                            [routerLink]="'./'">Reply
-                                        </a>
+                                        <span class="mr-2 cursor-pointer hover:underline">Like</span>
+                                        <span class="mr-2 cursor-pointer hover:underline">Reply</span>
                                         <span class="mr-2">&bull;</span>
                                         <span>22 min</span>
                                     </div>
@@ -964,14 +920,8 @@
                                         <b>Alan Marti</b> Caroline, I'm telling the truth, and if you cannot stand the truth, maybe we shouldn't be friends anymore...
                                     </span>
                                     <div class="flex items-center text-sm text-secondary mt-2">
-                                        <a
-                                            class="mr-2 hover:underline"
-                                            [routerLink]="'./'">Like
-                                        </a>
-                                        <a
-                                            class="mr-2 hover:underline"
-                                            [routerLink]="'./'">Reply
-                                        </a>
+                                        <span class="mr-2 cursor-pointer hover:underline">Like</span>
+                                        <span class="mr-2 cursor-pointer hover:underline">Reply</span>
                                         <span class="mr-2">&bull;</span>
                                         <span>20 min</span>
                                     </div>
@@ -987,14 +937,8 @@
                                         <b>Caroline Lundu</b> Dude! Relax! I'm just messing with you...
                                     </span>
                                     <div class="flex items-center text-sm text-secondary mt-2">
-                                        <a
-                                            class="mr-2 hover:underline"
-                                            [routerLink]="'./'">Like
-                                        </a>
-                                        <a
-                                            class="mr-2 hover:underline"
-                                            [routerLink]="'./'">Reply
-                                        </a>
+                                        <span class="mr-2 cursor-pointer hover:underline">Like</span>
+                                        <span class="mr-2 cursor-pointer hover:underline">Reply</span>
                                         <span class="mr-2">&bull;</span>
                                         <span>18 min</span>
                                     </div>
@@ -1010,14 +954,8 @@
                                         <b>Alan Marti</b> Sorry! I had a bad morning, let's talk about this in couple hours, I need to relax a bit :(
                                     </span>
                                     <div class="flex items-center text-sm text-secondary mt-2">
-                                        <a
-                                            class="mr-2 hover:underline"
-                                            [routerLink]="'./'">Like
-                                        </a>
-                                        <a
-                                            class="mr-2 hover:underline"
-                                            [routerLink]="'./'">Reply
-                                        </a>
+                                        <span class="mr-2 cursor-pointer hover:underline">Like</span>
+                                        <span class="mr-2 cursor-pointer hover:underline">Reply</span>
                                         <span class="mr-2">&bull;</span>
                                         <span>16 min</span>
                                     </div>
@@ -1033,14 +971,8 @@
                                         <b>Marleah Eagleston</b> Count me in, too!
                                     </span>
                                     <div class="flex items-center text-sm text-secondary mt-2">
-                                        <a
-                                            class="mr-2 hover:underline"
-                                            [routerLink]="'./'">Like
-                                        </a>
-                                        <a
-                                            class="mr-2 hover:underline"
-                                            [routerLink]="'./'">Reply
-                                        </a>
+                                        <span class="mr-2 cursor-pointer hover:underline">Like</span>
+                                        <span class="mr-2 cursor-pointer hover:underline">Reply</span>
                                         <span class="mr-2">&bull;</span>
                                         <span>34 min</span>
                                     </div>
@@ -1136,8 +1068,7 @@
                 <div class="flex items-center mx-3 sm:mx-5">
                     <button
                         class="px-3 mr-1"
-                        mat-button
-                        [routerLink]="['./']">
+                        mat-button>
                         <mat-icon
                             class="icon-size-5 text-red-500 mr-2"
                             [svgIcon]="'heroicons_solid:heart'"></mat-icon>
@@ -1145,8 +1076,7 @@
                     </button>
                     <button
                         class="px-3 mr-1"
-                        mat-button
-                        [routerLink]="['./']">
+                        mat-button>
                         <mat-icon
                             class="icon-size-5 mr-2"
                             [svgIcon]="'heroicons_solid:chat-alt'"></mat-icon>
@@ -1154,8 +1084,7 @@
                     </button>
                     <button
                         class="px-3 mr-1"
-                        mat-button
-                        [routerLink]="['./']">
+                        mat-button>
                         <mat-icon
                             class="icon-size-5 mr-2"
                             [svgIcon]="'heroicons_solid:share'"></mat-icon>
@@ -1298,8 +1227,7 @@
                 <div class="flex items-center mx-3 sm:mx-5">
                     <button
                         class="px-3 mr-1"
-                        mat-button
-                        [routerLink]="['./']">
+                        mat-button>
                         <mat-icon
                             class="icon-size-5 text-red-500 mr-2"
                             [svgIcon]="'heroicons_solid:heart'"></mat-icon>
@@ -1307,8 +1235,7 @@
                     </button>
                     <button
                         class="px-3 mr-1"
-                        mat-button
-                        [routerLink]="['./']">
+                        mat-button>
                         <mat-icon
                             class="icon-size-5 mr-2"
                             [svgIcon]="'heroicons_solid:chat-alt'"></mat-icon>
@@ -1316,8 +1243,7 @@
                     </button>
                     <button
                         class="px-3 mr-1"
-                        mat-button
-                        [routerLink]="['./']">
+                        mat-button>
                         <mat-icon
                             class="icon-size-5 mr-2"
                             [svgIcon]="'heroicons_solid:share'"></mat-icon>
@@ -1455,8 +1381,7 @@
                 <div class="flex items-center mx-3 sm:mx-5">
                     <button
                         class="px-3 mr-1"
-                        mat-button
-                        [routerLink]="['./']">
+                        mat-button>
                         <mat-icon
                             class="icon-size-5 text-red-500 mr-2"
                             [svgIcon]="'heroicons_solid:heart'"></mat-icon>
@@ -1464,8 +1389,7 @@
                     </button>
                     <button
                         class="px-3 mr-1"
-                        mat-button
-                        [routerLink]="['./']">
+                        mat-button>
                         <mat-icon
                             class="icon-size-5 mr-2"
                             [svgIcon]="'heroicons_solid:chat-alt'"></mat-icon>
@@ -1473,8 +1397,7 @@
                     </button>
                     <button
                         class="px-3 mr-1"
-                        mat-button
-                        [routerLink]="['./']">
+                        mat-button>
                         <mat-icon
                             class="icon-size-5 mr-2"
                             [svgIcon]="'heroicons_solid:share'"></mat-icon>
@@ -1609,8 +1532,7 @@
                 <div class="flex items-center mx-3 sm:mx-5">
                     <button
                         class="px-3 mr-1"
-                        mat-button
-                        [routerLink]="['./']">
+                        mat-button>
                         <mat-icon
                             class="icon-size-5 text-red-500 mr-2"
                             [svgIcon]="'heroicons_solid:heart'"></mat-icon>
@@ -1618,8 +1540,7 @@
                     </button>
                     <button
                         class="px-3 mr-1"
-                        mat-button
-                        [routerLink]="['./']">
+                        mat-button>
                         <mat-icon
                             class="icon-size-5 mr-2"
                             [svgIcon]="'heroicons_solid:chat-alt'"></mat-icon>
@@ -1627,8 +1548,7 @@
                     </button>
                     <button
                         class="px-3 mr-1"
-                        mat-button
-                        [routerLink]="['./']">
+                        mat-button>
                         <mat-icon
                             class="icon-size-5 mr-2"
                             [svgIcon]="'heroicons_solid:share'"></mat-icon>
@@ -1766,8 +1686,7 @@
                 <div class="flex items-center mx-3 sm:mx-5">
                     <button
                         class="px-3 mr-1"
-                        mat-button
-                        [routerLink]="['./']">
+                        mat-button>
                         <mat-icon
                             class="icon-size-5 text-red-500 mr-2"
                             [svgIcon]="'heroicons_solid:heart'"></mat-icon>
@@ -1775,8 +1694,7 @@
                     </button>
                     <button
                         class="px-3 mr-1"
-                        mat-button
-                        [routerLink]="['./']">
+                        mat-button>
                         <mat-icon
                             class="icon-size-5 mr-2"
                             [svgIcon]="'heroicons_solid:chat-alt'"></mat-icon>
@@ -1784,8 +1702,7 @@
                     </button>
                     <button
                         class="px-3 mr-1"
-                        mat-button
-                        [routerLink]="['./']">
+                        mat-button>
                         <mat-icon
                             class="icon-size-5 mr-2"
                             [svgIcon]="'heroicons_solid:share'"></mat-icon>
diff --git a/src/app/modules/admin/ui/cards/cards.component.html b/src/app/modules/admin/ui/cards/cards.component.html
index 23534d53..b43b2928 100644
--- a/src/app/modules/admin/ui/cards/cards.component.html
+++ b/src/app/modules/admin/ui/cards/cards.component.html
@@ -128,13 +128,13 @@
                     <div class="text-secondary text-md mt-1">Updated with 20 new locations</div>
                     <div class="mt-4">From rocky mountains to crystal clear lakes, there are the places you must see and enjoy.</div>
                     <div class="mt-3 -mx-3">
-                        <button
+                        <a
                             class="px-3"
                             mat-button
                             [color]="'primary'"
                             [routerLink]="['./']">
                             Read More
-                        </button>
+                        </a>
                     </div>
                 </div>
             </fuse-card>
@@ -247,13 +247,13 @@
                 <div class="m-8 mb-4">
                     <div class="text-2xl font-semibold leading-tight">Most beautiful and quite places to see</div>
                     <div class="mt-3 -mx-3">
-                        <button
+                        <a
                             class="px-3"
                             mat-button
                             [color]="'primary'"
                             [routerLink]="['./']">
                             Read More
-                        </button>
+                        </a>
                     </div>
                 </div>
             </fuse-card>
@@ -269,13 +269,13 @@
                     <div class="text-2xl font-semibold leading-tight">Rocky mountain tops</div>
                     <div class="text-secondary text-md mt-1">Updated with 20 new locations</div>
                     <div class="mt-3 -mx-3">
-                        <button
+                        <a
                             class="px-3"
                             mat-button
                             [color]="'primary'"
                             [routerLink]="['./']">
                             Read More
-                        </button>
+                        </a>
                     </div>
                 </div>
             </fuse-card>
@@ -291,13 +291,13 @@
                         In winters you can still enjoy them but with couple of inches snow on top of those grasslands.
                     </div>
                     <div class="mt-3 -mx-3">
-                        <button
+                        <a
                             class="px-3"
                             mat-button
                             [color]="'primary'"
                             [routerLink]="['./']">
                             Read More
-                        </button>
+                        </a>
                     </div>
                 </div>
             </fuse-card>
@@ -340,13 +340,13 @@
                 </div>
                 <div class="mt-6">From rocky mountains to crystal clear lakes, these are the places you must see and enjoy.</div>
                 <div class="mt-3 -mx-3">
-                    <button
+                    <a
                         class="px-3"
                         mat-button
                         [color]="'primary'"
                         [routerLink]="['./']">
                         Read More
-                    </button>
+                    </a>
                 </div>
             </fuse-card>
 
@@ -365,13 +365,13 @@
                 </div>
                 <div class="mt-6">From rocky mountains to crystal clear lakes, these are the places you must see and enjoy.</div>
                 <div class="mt-3 -mx-3">
-                    <button
+                    <a
                         class="px-3"
                         mat-button
                         [color]="'primary'"
                         [routerLink]="['./']">
                         Read More
-                    </button>
+                    </a>
                 </div>
             </fuse-card>
 
@@ -392,13 +392,13 @@
                         You can bring your own food and have a little picnic on top of the amazing grasslands.
                     </div>
                     <div class="mt-3 -mx-3">
-                        <button
+                        <a
                             class="px-3"
                             mat-button
                             [color]="'primary'"
                             [routerLink]="['./']">
                             Read More
-                        </button>
+                        </a>
                     </div>
                 </div>
             </fuse-card>
@@ -414,13 +414,13 @@
                         You can bring your own food and have a little picnic on top of the amazing grasslands.
                     </div>
                     <div class="mt-3 -mx-3">
-                        <button
+                        <a
                             class="px-3"
                             mat-button
                             [color]="'primary'"
                             [routerLink]="['./']">
                             Read More
-                        </button>
+                        </a>
                     </div>
                 </div>
                 <div class="flex-0 w-80 md:w-64">
@@ -467,20 +467,20 @@
                         It's quiet; far away from busy streets and never ending constructions.
                     </div>
                     <div class="flex items-center mt-3 -mx-3">
-                        <button
+                        <a
                             class="px-3 mr-1"
                             mat-button
                             [color]="'primary'"
                             [routerLink]="['./']">
                             Location
-                        </button>
-                        <button
+                        </a>
+                        <a
                             class="px-3"
                             mat-button
                             [color]="'primary'"
                             [routerLink]="['./']">
                             Reviews
-                        </button>
+                        </a>
                     </div>
                 </div>
             </fuse-card>
@@ -515,20 +515,20 @@
                     Puzzles coffee shop is one of the finest coffee shops in central downtown in New York. It's quiet; far away from busy streets and never ending constructions.
                 </div>
                 <div class="flex items-center mt-3 -mx-3">
-                    <button
+                    <a
                         class="px-3 mr-1"
                         mat-button
                         [color]="'primary'"
                         [routerLink]="['./']">
                         Location
-                    </button>
-                    <button
+                    </a>
+                    <a
                         class="px-3"
                         mat-button
                         [color]="'primary'"
                         [routerLink]="['./']">
                         Reviews
-                    </button>
+                    </a>
                 </div>
             </fuse-card>
 
@@ -570,20 +570,20 @@
                         It's quiet; far away from busy streets and never ending constructions.
                     </div>
                     <div class="flex items-center mt-3 -mx-3">
-                        <button
+                        <a
                             class="px-3 mr-1"
                             mat-button
                             [color]="'primary'"
                             [routerLink]="['./']">
                             Location
-                        </button>
-                        <button
+                        </a>
+                        <a
                             class="px-3"
                             mat-button
                             [color]="'primary'"
                             [routerLink]="['./']">
                             Reviews
-                        </button>
+                        </a>
                     </div>
                 </div>
             </fuse-card>
@@ -633,20 +633,20 @@
                         </div>
                     </div>
                     <div class="flex items-center mt-3 -mx-3">
-                        <button
+                        <a
                             class="px-3 mr-1"
                             mat-button
                             [color]="'primary'"
                             [routerLink]="['./']">
                             Location
-                        </button>
-                        <button
+                        </a>
+                        <a
                             class="px-3"
                             mat-button
                             [color]="'primary'"
                             [routerLink]="['./']">
                             Reviews
-                        </button>
+                        </a>
                     </div>
                 </div>
                 <div class="order-1 md:order-2 w-full md:w-40 md:ml-6 mb-8 md:mb-4 rounded-lg overflow-hidden">
@@ -706,13 +706,13 @@
                     </div>
                 </div>
                 <div class="flex items-center mt-4 -mx-3">
-                    <button
+                    <a
                         class="px-3"
                         mat-button
                         [color]="'primary'"
                         [routerLink]="['./']">
                         See all news
-                    </button>
+                    </a>
                 </div>
             </fuse-card>
 
@@ -781,13 +781,13 @@
                     </div>
                 </div>
                 <div class="flex items-center mt-6 -mx-3">
-                    <button
+                    <a
                         class="px-3"
                         mat-button
                         [color]="'primary'"
                         [routerLink]="['./']">
                         See all groups
-                    </button>
+                    </a>
                 </div>
             </fuse-card>
 
@@ -852,13 +852,13 @@
                     </div>
                 </div>
                 <div class="flex items-center mt-6 -mx-3">
-                    <button
+                    <a
                         class="px-3"
                         mat-button
                         [color]="'primary'"
                         [routerLink]="['./']">
                         See all suggestions
-                    </button>
+                    </a>
                 </div>
             </fuse-card>
 
@@ -923,13 +923,13 @@
                     </div>
                 </div>
                 <div class="flex items-center mt-6 -mx-3">
-                    <button
+                    <a
                         class="px-3"
                         mat-button
                         [color]="'primary'"
                         [routerLink]="['./']">
                         See entire activity feed
-                    </button>
+                    </a>
                 </div>
             </fuse-card>
 
@@ -1013,8 +1013,7 @@
                     <button
                         class="px-3"
                         mat-button
-                        [color]="'primary'"
-                        [routerLink]="['./']">
+                        [color]="'primary'">
                         Add item
                     </button>
                 </div>
@@ -1189,13 +1188,13 @@
                     </div>
                 </div>
                 <div class="flex items-center -mx-3 mt-3">
-                    <button
+                    <a
                         class="px-3"
                         mat-button
                         [color]="'primary'"
                         [routerLink]="['./']">
                         Review this product
-                    </button>
+                    </a>
                 </div>
             </fuse-card>
 
@@ -1292,13 +1291,13 @@
                     </div>
                 </div>
                 <div class="flex items-center mt-6 -mx-3">
-                    <button
+                    <a
                         class="px-3"
                         mat-button
                         [color]="'primary'"
                         [routerLink]="['./']">
                         See all followers
-                    </button>
+                    </a>
                 </div>
             </fuse-card>
 
@@ -1396,13 +1395,13 @@
                     </div>
                 </div>
                 <div class="flex items-center mt-6 -mx-3">
-                    <button
+                    <a
                         class="px-3"
                         mat-button
                         [color]="'primary'"
                         [routerLink]="['./']">
                         See entire gallery
-                    </button>
+                    </a>
                 </div>
             </fuse-card>
 
@@ -1428,20 +1427,20 @@
                         </button>
                     </div>
                     <div class="mt-3 -mx-3">
-                        <button
+                        <a
                             class="px-3 mr-1"
                             mat-button
                             [color]="'primary'"
                             [routerLink]="['./']">
                             Details
-                        </button>
-                        <button
+                        </a>
+                        <a
                             class="px-3"
                             mat-button
                             [color]="'primary'"
                             [routerLink]="['./']">
                             See on map
-                        </button>
+                        </a>
                     </div>
                 </div>
             </fuse-card>
@@ -1478,20 +1477,20 @@
                     </div>
                     <hr class="border-b my-4">
                     <div class="mt-3 -mx-3">
-                        <button
+                        <a
                             class="px-3 mr-1"
                             mat-button
                             [color]="'primary'"
                             [routerLink]="['./']">
                             Details
-                        </button>
-                        <button
+                        </a>
+                        <a
                             class="px-3"
                             mat-button
                             [color]="'primary'"
                             [routerLink]="['./']">
                             See on map
-                        </button>
+                        </a>
                     </div>
                 </div>
             </fuse-card>
@@ -1506,13 +1505,13 @@
                 </div>
                 <div class="text-2xl font-semibold leading-tight text-center mt-6">Support</div>
                 <div class="text-center text-secondary mt-3">Contact support to learn more about our products and get professional help</div>
-                <button
+                <a
                     class="px-6 mt-8"
                     mat-flat-button
                     [color]="'primary'"
                     [routerLink]="['./']">
                     Contact Now
-                </button>
+                </a>
             </fuse-card>
 
 
@@ -1546,13 +1545,13 @@
                         alt="Card cover image">
                 </div>
                 <div class="text-sm font-medium text-secondary mt-2">+13 more</div>
-                <button
+                <a
                     class="px-6 mt-8"
                     mat-flat-button
                     [color]="'primary'"
                     [routerLink]="['./']">
                     View Project
-                </button>
+                </a>
             </fuse-card>
 
 
@@ -1581,13 +1580,13 @@
                 </div>
                 <hr class="w-full border-t mt-0 mb-8">
                 <div class="text-center text-secondary">I’m a friendly kitchen assistant who suffers from a severe phobia of buttons</div>
-                <button
+                <a
                     class="px-6 mt-4"
                     mat-button
                     [color]="'primary'"
                     [routerLink]="['./']">
                     More about Brian
-                </button>
+                </a>
             </fuse-card>
 
 
@@ -1620,13 +1619,13 @@
                         <span class="leading-none">April, 24</span>
                     </div>
                 </div>
-                <button
+                <a
                     class="px-6 mt-8"
                     mat-flat-button
                     [color]="'primary'"
                     [routerLink]="['./']">
                     See complete bio
-                </button>
+                </a>
             </fuse-card>
 
 
@@ -1978,10 +1977,9 @@
                     </div>
                     <div class="mt-6 -mx-8">
                         <button
-                            class="w-full rounded-t-none"
+                            class="w-full rounded-none"
                             mat-flat-button
-                            [color]="'primary'"
-                            [routerLink]="['./']">
+                            [color]="'primary'">
                             Add to Cart
                         </button>
                     </div>
@@ -2014,8 +2012,7 @@
                         <button
                             class="px-3 mr-1"
                             mat-button
-                            [color]="'primary'"
-                            [routerLink]="['./']">
+                            [color]="'primary'">
                             <mat-icon
                                 class="icon-size-5"
                                 [svgIcon]="'heroicons_solid:shopping-cart'"></mat-icon>
@@ -2067,8 +2064,7 @@
                         <button
                             class="px-3 mr-1"
                             mat-button
-                            [color]="'primary'"
-                            [routerLink]="['./']">
+                            [color]="'primary'">
                             <mat-icon
                                 class="icon-size-5"
                                 [svgIcon]="'heroicons_solid:shopping-cart'"></mat-icon>
@@ -2184,8 +2180,7 @@
                 <div class="flex items-center mt-6 sm:mt-8 -mx-3">
                     <button
                         class="px-3 mr-1"
-                        mat-button
-                        [routerLink]="['./']">
+                        mat-button>
                         <mat-icon
                             class="icon-size-5 mr-2"
                             [svgIcon]="'heroicons_solid:photograph'"></mat-icon>
@@ -2193,8 +2188,7 @@
                     </button>
                     <button
                         class="px-3 mr-1 hidden sm:inline-flex"
-                        mat-button
-                        [routerLink]="['./']">
+                        mat-button>
                         <mat-icon
                             class="icon-size-5 mr-2"
                             [svgIcon]="'heroicons_solid:user-circle'"></mat-icon>
@@ -2202,8 +2196,7 @@
                     </button>
                     <button
                         class="px-3 mr-1 hidden sm:inline-flex"
-                        mat-button
-                        [routerLink]="['./']">
+                        mat-button>
                         <mat-icon
                             class="icon-size-5 mr-2"
                             [svgIcon]="'heroicons_solid:emoji-happy'"></mat-icon>
@@ -2220,8 +2213,7 @@
                     <mat-menu #postCardMenu01="matMenu">
                         <button
                             class="sm:hidden"
-                            mat-menu-item
-                            [routerLink]="['./']">
+                            mat-menu-item>
                             <span class="flex items-center">
                                 <mat-icon
                                     class="icon-size-5 mr-3"
@@ -2231,8 +2223,7 @@
                         </button>
                         <button
                             class="sm:hidden"
-                            mat-menu-item
-                            [routerLink]="['./']">
+                            mat-menu-item>
                             <span class="flex items-center">
                                 <mat-icon
                                     class="icon-size-5 mr-3"
@@ -2362,8 +2353,7 @@
                 <div class="flex items-center mx-3 sm:mx-5">
                     <button
                         class="px-3 mr-1"
-                        mat-button
-                        [routerLink]="['./']">
+                        mat-button>
                         <mat-icon
                             class="icon-size-5 text-red-500 mr-2"
                             [svgIcon]="'heroicons_solid:heart'"></mat-icon>
@@ -2371,8 +2361,7 @@
                     </button>
                     <button
                         class="px-3 mr-1"
-                        mat-button
-                        [routerLink]="['./']">
+                        mat-button>
                         <mat-icon
                             class="icon-size-5 mr-2"
                             [svgIcon]="'heroicons_solid:chat-alt'"></mat-icon>
@@ -2380,8 +2369,7 @@
                     </button>
                     <button
                         class="px-3 mr-1"
-                        mat-button
-                        [routerLink]="['./']">
+                        mat-button>
                         <mat-icon
                             class="icon-size-5 mr-2"
                             [svgIcon]="'heroicons_solid:share'"></mat-icon>
@@ -2476,18 +2464,9 @@
                                         <b>Rutherford Brannan</b> Oh, I’m in.. Let’s arrange a trip for the next weekend if you want!
                                     </span>
                                     <div class="flex items-center text-sm text-secondary mt-2">
-                                        <a
-                                            class="mr-2 hover:underline"
-                                            [routerLink]="'./'">Like
-                                        </a>
-                                        <a
-                                            class="mr-2 hover:underline"
-                                            [routerLink]="'./'">Reply
-                                        </a>
-                                        <a
-                                            class="mr-2 hover:underline"
-                                            [routerLink]="'./'">Hide replies
-                                        </a>
+                                        <span class="mr-2 cursor-pointer hover:underline">Like</span>
+                                        <span class="mr-2 cursor-pointer hover:underline">Reply</span>
+                                        <span class="mr-2 cursor-pointer hover:underline">Hide replies</span>
                                         <span class="mr-2">&bull;</span>
                                         <span>17 min</span>
                                     </div>
@@ -2503,14 +2482,8 @@
                                         <b>Caroline Lundu</b> Yes!! Let's talk about it on lunch!
                                     </span>
                                     <div class="flex items-center text-sm text-secondary mt-2">
-                                        <a
-                                            class="mr-2 hover:underline"
-                                            [routerLink]="'./'">Like
-                                        </a>
-                                        <a
-                                            class="mr-2 hover:underline"
-                                            [routerLink]="'./'">Reply
-                                        </a>
+                                        <span class="mr-2 cursor-pointer hover:underline">Like</span>
+                                        <span class="mr-2 cursor-pointer hover:underline">Reply</span>
                                         <span class="mr-2">&bull;</span>
                                         <span>15 min</span>
                                     </div>
@@ -2526,14 +2499,8 @@
                                         <b>Barbara Cotilla</b> Count me in !!!
                                     </span>
                                     <div class="flex items-center text-sm text-secondary mt-2">
-                                        <a
-                                            class="mr-2 hover:underline"
-                                            [routerLink]="'./'">Like
-                                        </a>
-                                        <a
-                                            class="mr-2 hover:underline"
-                                            [routerLink]="'./'">Reply
-                                        </a>
+                                        <span class="mr-2 cursor-pointer hover:underline">Like</span>
+                                        <span class="mr-2 cursor-pointer hover:underline">Reply</span>
                                         <span class="mr-2">&bull;</span>
                                         <span>12 min</span>
                                     </div>
@@ -2550,18 +2517,9 @@
                                         Your trip isn't going to worth it since you won't be seeing this exact sky.
                                     </span>
                                     <div class="flex items-center text-sm text-secondary mt-2">
-                                        <a
-                                            class="mr-2 hover:underline"
-                                            [routerLink]="'./'">Like
-                                        </a>
-                                        <a
-                                            class="mr-2 hover:underline"
-                                            [routerLink]="'./'">Reply
-                                        </a>
-                                        <a
-                                            class="mr-2 hover:underline"
-                                            [routerLink]="'./'">Hide replies
-                                        </a>
+                                        <span class="mr-2 cursor-pointer hover:underline">Like</span>
+                                        <span class="mr-2 cursor-pointer hover:underline">Reply</span>
+                                        <span class="mr-2 cursor-pointer hover:underline">Hide replies</span>
                                         <span class="mr-2">&bull;</span>
                                         <span>24 min</span>
                                     </div>
@@ -2577,14 +2535,8 @@
                                         <b>Caroline Lundu</b> Hey, Alan! You must be fun at parties!
                                     </span>
                                     <div class="flex items-center text-sm text-secondary mt-2">
-                                        <a
-                                            class="mr-2 hover:underline"
-                                            [routerLink]="'./'">Like
-                                        </a>
-                                        <a
-                                            class="mr-2 hover:underline"
-                                            [routerLink]="'./'">Reply
-                                        </a>
+                                        <span class="mr-2 cursor-pointer hover:underline">Like</span>
+                                        <span class="mr-2 cursor-pointer hover:underline">Reply</span>
                                         <span class="mr-2">&bull;</span>
                                         <span>22 min</span>
                                     </div>
@@ -2600,14 +2552,8 @@
                                         <b>Alan Marti</b> Caroline, I'm telling the truth, and if you cannot stand the truth, maybe we shouldn't be friends anymore...
                                     </span>
                                     <div class="flex items-center text-sm text-secondary mt-2">
-                                        <a
-                                            class="mr-2 hover:underline"
-                                            [routerLink]="'./'">Like
-                                        </a>
-                                        <a
-                                            class="mr-2 hover:underline"
-                                            [routerLink]="'./'">Reply
-                                        </a>
+                                        <span class="mr-2 cursor-pointer hover:underline">Like</span>
+                                        <span class="mr-2 cursor-pointer hover:underline">Reply</span>
                                         <span class="mr-2">&bull;</span>
                                         <span>20 min</span>
                                     </div>
@@ -2623,14 +2569,8 @@
                                         <b>Caroline Lundu</b> Dude! Relax! I'm just messing with you...
                                     </span>
                                     <div class="flex items-center text-sm text-secondary mt-2">
-                                        <a
-                                            class="mr-2 hover:underline"
-                                            [routerLink]="'./'">Like
-                                        </a>
-                                        <a
-                                            class="mr-2 hover:underline"
-                                            [routerLink]="'./'">Reply
-                                        </a>
+                                        <span class="mr-2 cursor-pointer hover:underline">Like</span>
+                                        <span class="mr-2 cursor-pointer hover:underline">Reply</span>
                                         <span class="mr-2">&bull;</span>
                                         <span>18 min</span>
                                     </div>
@@ -2646,14 +2586,8 @@
                                         <b>Alan Marti</b> Sorry! I had a bad morning, let's talk about this in couple hours, I need to relax a bit :(
                                     </span>
                                     <div class="flex items-center text-sm text-secondary mt-2">
-                                        <a
-                                            class="mr-2 hover:underline"
-                                            [routerLink]="'./'">Like
-                                        </a>
-                                        <a
-                                            class="mr-2 hover:underline"
-                                            [routerLink]="'./'">Reply
-                                        </a>
+                                        <span class="mr-2 cursor-pointer hover:underline">Like</span>
+                                        <span class="mr-2 cursor-pointer hover:underline">Reply</span>
                                         <span class="mr-2">&bull;</span>
                                         <span>16 min</span>
                                     </div>
@@ -2669,14 +2603,8 @@
                                         <b>Marleah Eagleston</b> Count me in, too!
                                     </span>
                                     <div class="flex items-center text-sm text-secondary mt-2">
-                                        <a
-                                            class="mr-2 hover:underline"
-                                            [routerLink]="'./'">Like
-                                        </a>
-                                        <a
-                                            class="mr-2 hover:underline"
-                                            [routerLink]="'./'">Reply
-                                        </a>
+                                        <span class="mr-2 cursor-pointer hover:underline">Like</span>
+                                        <span class="mr-2 cursor-pointer hover:underline">Reply</span>
                                         <span class="mr-2">&bull;</span>
                                         <span>34 min</span>
                                     </div>
@@ -2779,8 +2707,7 @@
                 <div class="flex items-center mx-3 sm:mx-5">
                     <button
                         class="px-3 mr-1"
-                        mat-button
-                        [routerLink]="['./']">
+                        mat-button>
                         <mat-icon
                             class="icon-size-5 text-red-500 mr-2"
                             [svgIcon]="'heroicons_solid:heart'"></mat-icon>
@@ -2788,8 +2715,7 @@
                     </button>
                     <button
                         class="px-3 mr-1"
-                        mat-button
-                        [routerLink]="['./']">
+                        mat-button>
                         <mat-icon
                             class="icon-size-5 mr-2"
                             [svgIcon]="'heroicons_solid:chat-alt'"></mat-icon>
@@ -2797,8 +2723,7 @@
                     </button>
                     <button
                         class="px-3 mr-1"
-                        mat-button
-                        [routerLink]="['./']">
+                        mat-button>
                         <mat-icon
                             class="icon-size-5 mr-2"
                             [svgIcon]="'heroicons_solid:share'"></mat-icon>
@@ -2942,8 +2867,7 @@
                 <div class="flex items-center mx-3 sm:mx-5">
                     <button
                         class="px-3 mr-1"
-                        mat-button
-                        [routerLink]="['./']">
+                        mat-button>
                         <mat-icon
                             class="icon-size-5 text-red-500 mr-2"
                             [svgIcon]="'heroicons_solid:heart'"></mat-icon>
@@ -2951,8 +2875,7 @@
                     </button>
                     <button
                         class="px-3 mr-1"
-                        mat-button
-                        [routerLink]="['./']">
+                        mat-button>
                         <mat-icon
                             class="icon-size-5 mr-2"
                             [svgIcon]="'heroicons_solid:chat-alt'"></mat-icon>
@@ -2960,8 +2883,7 @@
                     </button>
                     <button
                         class="px-3 mr-1"
-                        mat-button
-                        [routerLink]="['./']">
+                        mat-button>
                         <mat-icon
                             class="icon-size-5 mr-2"
                             [svgIcon]="'heroicons_solid:share'"></mat-icon>
@@ -3113,8 +3035,7 @@
                 <div class="flex items-center mx-3 sm:mx-5">
                     <button
                         class="px-3 mr-1"
-                        mat-button
-                        [routerLink]="['./']">
+                        mat-button>
                         <mat-icon
                             class="icon-size-5 text-red-500 mr-2"
                             [svgIcon]="'heroicons_solid:heart'"></mat-icon>
@@ -3122,8 +3043,7 @@
                     </button>
                     <button
                         class="px-3 mr-1"
-                        mat-button
-                        [routerLink]="['./']">
+                        mat-button>
                         <mat-icon
                             class="icon-size-5 mr-2"
                             [svgIcon]="'heroicons_solid:chat-alt'"></mat-icon>
@@ -3131,8 +3051,7 @@
                     </button>
                     <button
                         class="px-3 mr-1"
-                        mat-button
-                        [routerLink]="['./']">
+                        mat-button>
                         <mat-icon
                             class="icon-size-5 mr-2"
                             [svgIcon]="'heroicons_solid:share'"></mat-icon>
@@ -3290,8 +3209,7 @@
                 <div class="flex items-center mx-3 sm:mx-5">
                     <button
                         class="px-3 mr-1"
-                        mat-button
-                        [routerLink]="['./']">
+                        mat-button>
                         <mat-icon
                             class="icon-size-5 text-red-500 mr-2"
                             [svgIcon]="'heroicons_solid:heart'"></mat-icon>
@@ -3299,8 +3217,7 @@
                     </button>
                     <button
                         class="px-3 mr-1"
-                        mat-button
-                        [routerLink]="['./']">
+                        mat-button>
                         <mat-icon
                             class="icon-size-5 mr-2"
                             [svgIcon]="'heroicons_solid:chat-alt'"></mat-icon>
@@ -3308,8 +3225,7 @@
                     </button>
                     <button
                         class="px-3 mr-1"
-                        mat-button
-                        [routerLink]="['./']">
+                        mat-button>
                         <mat-icon
                             class="icon-size-5 mr-2"
                             [svgIcon]="'heroicons_solid:share'"></mat-icon>
@@ -3471,8 +3387,7 @@
                 <div class="flex items-center mx-3 sm:mx-5">
                     <button
                         class="px-3 mr-1"
-                        mat-button
-                        [routerLink]="['./']">
+                        mat-button>
                         <mat-icon
                             class="icon-size-5 text-red-500 mr-2"
                             [svgIcon]="'heroicons_solid:heart'"></mat-icon>
@@ -3480,8 +3395,7 @@
                     </button>
                     <button
                         class="px-3 mr-1"
-                        mat-button
-                        [routerLink]="['./']">
+                        mat-button>
                         <mat-icon
                             class="icon-size-5 mr-2"
                             [svgIcon]="'heroicons_solid:chat-alt'"></mat-icon>
@@ -3489,8 +3403,7 @@
                     </button>
                     <button
                         class="px-3 mr-1"
-                        mat-button
-                        [routerLink]="['./']">
+                        mat-button>
                         <mat-icon
                             class="icon-size-5 mr-2"
                             [svgIcon]="'heroicons_solid:share'"></mat-icon>
@@ -3620,8 +3533,7 @@
                 <div class="flex items-center mx-3 sm:mx-5">
                     <button
                         class="px-3 mr-1"
-                        mat-button
-                        [routerLink]="['./']">
+                        mat-button>
                         <mat-icon
                             class="icon-size-5 text-red-500 mr-2"
                             [svgIcon]="'heroicons_solid:heart'"></mat-icon>
@@ -3629,8 +3541,7 @@
                     </button>
                     <button
                         class="px-3 mr-1"
-                        mat-button
-                        [routerLink]="['./']">
+                        mat-button>
                         <mat-icon
                             class="icon-size-5 mr-2"
                             [svgIcon]="'heroicons_solid:chat-alt'"></mat-icon>
@@ -3638,8 +3549,7 @@
                     </button>
                     <button
                         class="px-3 mr-1"
-                        mat-button
-                        [routerLink]="['./']">
+                        mat-button>
                         <mat-icon
                             class="icon-size-5 mr-2"
                             [svgIcon]="'heroicons_solid:share'"></mat-icon>
@@ -3778,8 +3688,7 @@
                 <div class="flex items-center mx-3 sm:mx-5">
                     <button
                         class="px-3 mr-1"
-                        mat-button
-                        [routerLink]="['./']">
+                        mat-button>
                         <mat-icon
                             class="icon-size-5 text-red-500 mr-2"
                             [svgIcon]="'heroicons_solid:heart'"></mat-icon>
@@ -3787,8 +3696,7 @@
                     </button>
                     <button
                         class="px-3 mr-1"
-                        mat-button
-                        [routerLink]="['./']">
+                        mat-button>
                         <mat-icon
                             class="icon-size-5 mr-2"
                             [svgIcon]="'heroicons_solid:chat-alt'"></mat-icon>
@@ -3796,8 +3704,7 @@
                     </button>
                     <button
                         class="px-3 mr-1"
-                        mat-button
-                        [routerLink]="['./']">
+                        mat-button>
                         <mat-icon
                             class="icon-size-5 mr-2"
                             [svgIcon]="'heroicons_solid:share'"></mat-icon>
@@ -3936,8 +3843,7 @@
                 <div class="flex items-center mx-3 sm:mx-5">
                     <button
                         class="px-3 mr-1"
-                        mat-button
-                        [routerLink]="['./']">
+                        mat-button>
                         <mat-icon
                             class="icon-size-5 text-red-500 mr-2"
                             [svgIcon]="'heroicons_solid:heart'"></mat-icon>
@@ -3945,8 +3851,7 @@
                     </button>
                     <button
                         class="px-3 mr-1"
-                        mat-button
-                        [routerLink]="['./']">
+                        mat-button>
                         <mat-icon
                             class="icon-size-5 mr-2"
                             [svgIcon]="'heroicons_solid:chat-alt'"></mat-icon>
@@ -3954,8 +3859,7 @@
                     </button>
                     <button
                         class="px-3 mr-1"
-                        mat-button
-                        [routerLink]="['./']">
+                        mat-button>
                         <mat-icon
                             class="icon-size-5 mr-2"
                             [svgIcon]="'heroicons_solid:share'"></mat-icon>
@@ -4048,18 +3952,9 @@
                                     <b>Rutherford Brannan</b> Oh, I’m in.. Let’s arrange a trip for the next weekend if you want!
                                 </span>
                                 <div class="flex items-center text-sm text-secondary mt-2">
-                                    <a
-                                        class="mr-2 hover:underline"
-                                        [routerLink]="'./'">Like
-                                    </a>
-                                    <a
-                                        class="mr-2 hover:underline"
-                                        [routerLink]="'./'">Reply
-                                    </a>
-                                    <a
-                                        class="mr-2 hover:underline"
-                                        [routerLink]="'./'">Hide replies
-                                    </a>
+                                    <span class="mr-2 cursor-pointer hover:underline">Like</span>
+                                    <span class="mr-2 cursor-pointer hover:underline">Reply</span>
+                                    <span class="mr-2 cursor-pointer hover:underline">Hide replies</span>
                                     <span class="mr-2">&bull;</span>
                                     <span>17 min</span>
                                 </div>
@@ -4075,14 +3970,8 @@
                                     <b>Caroline Lundu</b> Yes!! Let's talk about it on lunch!
                                 </span>
                                 <div class="flex items-center text-sm text-secondary mt-2">
-                                    <a
-                                        class="mr-2 hover:underline"
-                                        [routerLink]="'./'">Like
-                                    </a>
-                                    <a
-                                        class="mr-2 hover:underline"
-                                        [routerLink]="'./'">Reply
-                                    </a>
+                                    <span class="mr-2 cursor-pointer hover:underline">Like</span>
+                                    <span class="mr-2 cursor-pointer hover:underline">Reply</span>
                                     <span class="mr-2">&bull;</span>
                                     <span>15 min</span>
                                 </div>
@@ -4098,14 +3987,8 @@
                                     <b>Barbara Cotilla</b> Count me in !!!
                                 </span>
                                 <div class="flex items-center text-sm text-secondary mt-2">
-                                    <a
-                                        class="mr-2 hover:underline"
-                                        [routerLink]="'./'">Like
-                                    </a>
-                                    <a
-                                        class="mr-2 hover:underline"
-                                        [routerLink]="'./'">Reply
-                                    </a>
+                                    <span class="mr-2 cursor-pointer hover:underline">Like</span>
+                                    <span class="mr-2 cursor-pointer hover:underline">Reply</span>
                                     <span class="mr-2">&bull;</span>
                                     <span>12 min</span>
                                 </div>
@@ -4122,18 +4005,9 @@
                                     Your trip isn't going to worth it since you won't be seeing this exact sky.
                                 </span>
                                 <div class="flex items-center text-sm text-secondary mt-2">
-                                    <a
-                                        class="mr-2 hover:underline"
-                                        [routerLink]="'./'">Like
-                                    </a>
-                                    <a
-                                        class="mr-2 hover:underline"
-                                        [routerLink]="'./'">Reply
-                                    </a>
-                                    <a
-                                        class="mr-2 hover:underline"
-                                        [routerLink]="'./'">Hide replies
-                                    </a>
+                                    <span class="mr-2 cursor-pointer hover:underline">Like</span>
+                                    <span class="mr-2 cursor-pointer hover:underline">Reply</span>
+                                    <span class="mr-2 cursor-pointer hover:underline">Hide replies</span>
                                     <span class="mr-2">&bull;</span>
                                     <span>24 min</span>
                                 </div>
@@ -4149,14 +4023,8 @@
                                     <b>Caroline Lundu</b> Hey, Alan! You must be fun at parties!
                                 </span>
                                 <div class="flex items-center text-sm text-secondary mt-2">
-                                    <a
-                                        class="mr-2 hover:underline"
-                                        [routerLink]="'./'">Like
-                                    </a>
-                                    <a
-                                        class="mr-2 hover:underline"
-                                        [routerLink]="'./'">Reply
-                                    </a>
+                                    <span class="mr-2 cursor-pointer hover:underline">Like</span>
+                                    <span class="mr-2 cursor-pointer hover:underline">Reply</span>
                                     <span class="mr-2">&bull;</span>
                                     <span>22 min</span>
                                 </div>
@@ -4172,14 +4040,8 @@
                                     <b>Alan Marti</b> Caroline, I'm telling the truth, and if you cannot stand the truth, maybe we shouldn't be friends anymore...
                                 </span>
                                 <div class="flex items-center text-sm text-secondary mt-2">
-                                    <a
-                                        class="mr-2 hover:underline"
-                                        [routerLink]="'./'">Like
-                                    </a>
-                                    <a
-                                        class="mr-2 hover:underline"
-                                        [routerLink]="'./'">Reply
-                                    </a>
+                                    <span class="mr-2 cursor-pointer hover:underline">Like</span>
+                                    <span class="mr-2 cursor-pointer hover:underline">Reply</span>
                                     <span class="mr-2">&bull;</span>
                                     <span>20 min</span>
                                 </div>
@@ -4195,14 +4057,8 @@
                                     <b>Caroline Lundu</b> Dude! Relax! I'm just messing with you...
                                 </span>
                                 <div class="flex items-center text-sm text-secondary mt-2">
-                                    <a
-                                        class="mr-2 hover:underline"
-                                        [routerLink]="'./'">Like
-                                    </a>
-                                    <a
-                                        class="mr-2 hover:underline"
-                                        [routerLink]="'./'">Reply
-                                    </a>
+                                    <span class="mr-2 cursor-pointer hover:underline">Like</span>
+                                    <span class="mr-2 cursor-pointer hover:underline">Reply</span>
                                     <span class="mr-2">&bull;</span>
                                     <span>18 min</span>
                                 </div>
@@ -4218,14 +4074,8 @@
                                     <b>Alan Marti</b> Sorry! I had a bad morning, let's talk about this in couple hours, I need to relax a bit :(
                                 </span>
                                 <div class="flex items-center text-sm text-secondary mt-2">
-                                    <a
-                                        class="mr-2 hover:underline"
-                                        [routerLink]="'./'">Like
-                                    </a>
-                                    <a
-                                        class="mr-2 hover:underline"
-                                        [routerLink]="'./'">Reply
-                                    </a>
+                                    <span class="mr-2 cursor-pointer hover:underline">Like</span>
+                                    <span class="mr-2 cursor-pointer hover:underline">Reply</span>
                                     <span class="mr-2">&bull;</span>
                                     <span>16 min</span>
                                 </div>
@@ -4241,14 +4091,8 @@
                                     <b>Marleah Eagleston</b> Count me in, too!
                                 </span>
                                 <div class="flex items-center text-sm text-secondary mt-2">
-                                    <a
-                                        class="mr-2 hover:underline"
-                                        [routerLink]="'./'">Like
-                                    </a>
-                                    <a
-                                        class="mr-2 hover:underline"
-                                        [routerLink]="'./'">Reply
-                                    </a>
+                                    <span class="mr-2 cursor-pointer hover:underline">Like</span>
+                                    <span class="mr-2 cursor-pointer hover:underline">Reply</span>
                                     <span class="mr-2">&bull;</span>
                                     <span>34 min</span>
                                 </div>
diff --git a/src/app/modules/admin/ui/page-layouts/common/layout-overview/layout-overview.component.ts b/src/app/modules/admin/ui/page-layouts/common/layout-overview/layout-overview.component.ts
index 27894eb4..29049c1d 100644
--- a/src/app/modules/admin/ui/page-layouts/common/layout-overview/layout-overview.component.ts
+++ b/src/app/modules/admin/ui/page-layouts/common/layout-overview/layout-overview.component.ts
@@ -88,7 +88,7 @@ export interface PageLayoutsOverviewData
                                 </div>
                             </div>
                             <div *ngIf="selectedOption.link">
-                                <button
+                                <a
                                     mat-flat-button
                                     [color]="'primary'"
                                     [routerLink]="selectedOption.link">
@@ -96,7 +96,7 @@ export interface PageLayoutsOverviewData
                                         class="mr-2 icon-size-5"
                                         [svgIcon]="'heroicons_solid:external-link'"></mat-icon>
                                     <span>View</span>
-                                </button>
+                                </a>
                             </div>
                         </div>
                     </div>