diff --git a/resources/views/champions/show.blade.php b/resources/views/champions/show.blade.php
index 5cf9746..0f45c9a 100644
--- a/resources/views/champions/show.blade.php
+++ b/resources/views/champions/show.blade.php
@@ -42,12 +42,12 @@
 
     @vite('resources/css/app.css')
     @vite('resources/js/app.js')
-    @vite('resources/js/vert-scroll.js')
 </head>
 
 <body class="antialiased bg-stone-900 dark scroll-smooth">
 <x-navbar/>
 <x-champions.grid_info :champion="$champion"/>
+@vite('resources/js/vert-scroll.js')
 </body>
 
 </html>
diff --git a/resources/views/components/champions/grid_info.blade.php b/resources/views/components/champions/grid_info.blade.php
index eebe3d8..26239e0 100644
--- a/resources/views/components/champions/grid_info.blade.php
+++ b/resources/views/components/champions/grid_info.blade.php
@@ -115,14 +115,24 @@
                     <div id="skinsElement" class="overflow-x-scroll mt-2.5">
                         <div class="grid grid-flow-col grid-rows-2 w-max gap-4 mb-2.5">
                             @foreach($champion->skins as $key => $skin)
-                                <div class="flex flex-col">
-                                    <img
-                                        src="//wsrv.nl/?url={{ $skin->getSkinImageAttribute() }}&w=450&output=webp&q=70"
-                                        alt="{{$champion->name}} {{$skin->name}} Splash Art"
-                                        @if($key < 6) loading="eager" @else loading="lazy" @endif
-                                        class="inline-block h-36 object-cover rounded-2xl shadow-md border border-3 border-white/10
+                                <div class="flex flex-col ">
+                                    <a href="/skin/{{$skin->slug}}">
+                                        <img
+                                            src="//wsrv.nl/?url={{ $skin->getSkinImageAttribute() }}&w=450&output=webp&q=70"
+                                            alt="{{$champion->name}} {{$skin->name}} Splash Art"
+                                            @if($key < 6) loading="eager" @else loading="lazy" @endif
+                                            class="inline-block h-36 object-cover rounded-2xl shadow-md border border-3 border-white/10
                                 hover:shadow-orange-500/20 transition-all duration-700 mr-2.5">
-                                    <p class="text-center text-neutral-100 text-sm mt-1.5">{{$skin->skin_name}}</p>
+                                    </a>
+                                    <div>
+
+                                        <p class="align-bottom text-center text-neutral-100 text-sm mt-1.5 items-center">
+                                            <a href="/skin/{{$skin->slug}}" class="hover:text-orange-400">
+                                                {{$skin->skin_name}}
+                                                <x-iconsax-bul-arrow-right class="inline-block w-5"/>
+                                            </a>
+                                        </p>
+                                    </div>
                                 </div>
                             @endforeach
                         </div>
