diff --git a/pages/champions/index.vue b/pages/champions/index.vue
index ade0c72..93bbee6 100644
--- a/pages/champions/index.vue
+++ b/pages/champions/index.vue
@@ -12,9 +12,9 @@
               </tr>
           </thead>
           <tbody>
-            <tr v-for="summary in summaries" :key="summary.id">
+            <tr v-for="summary in summaries" :key="summary.id" style="position: relative;">
                 <th scope="row">
-                    <NuxtLink class="text-decoration-none text-light" :to="`/champions/overview/${summary.id}`">
+                    <NuxtLink class="text-decoration-none text-light stretched-link" :to="`/champions/overview/${summary.id}`">
                         {{ summary.id }}
                     </NuxtLink>
                 </th>
diff --git a/pages/items/index.vue b/pages/items/index.vue
index d47fd8a..63b7e07 100644
--- a/pages/items/index.vue
+++ b/pages/items/index.vue
@@ -13,9 +13,9 @@
                   </tr>
               </thead>
               <tbody>
-                <tr v-for="item in items" :key="item.id">
+                <tr v-for="item in items" :key="item.id" style="position: relative;">
                     <th scope="row">
-                        <NuxtLink class="text-decoration-none text-light" :to="`/items/overview/${item.id}`">
+                        <NuxtLink class="text-decoration-none text-light stretched-link" :to="`/items/overview/${item.id}`">
                             {{ item.id }}
                         </NuxtLink>
                     </th>
diff --git a/pages/summoner-icons/index.vue b/pages/summoner-icons/index.vue
index 8726568..5499af7 100644
--- a/pages/summoner-icons/index.vue
+++ b/pages/summoner-icons/index.vue
@@ -15,9 +15,9 @@
                   </tr>
               </thead>
               <tbody>
-                <tr v-for="icon in pages[index]" :key="icon.id">
+                <tr v-for="icon in pages[index]" :key="icon.id" style="position: relative;">
                         <th scope="row">
-                            <NuxtLink class="text-decoration-none text-light" :to="`/summoner-icons/overview/${icon.id}`">
+                            <NuxtLink class="text-decoration-none text-light stretched-link" :to="`/summoner-icons/overview/${icon.id}`">
                                 {{ icon.id }}
                             </NuxtLink>
                         </th>
diff --git a/pages/ward-skins/index.vue b/pages/ward-skins/index.vue
index 0ce8a23..32b6e83 100644
--- a/pages/ward-skins/index.vue
+++ b/pages/ward-skins/index.vue
@@ -15,9 +15,9 @@
                   </tr>
               </thead>
               <tbody>
-                      <tr v-for="skin in pages[index]" :key="skin.id">
+                      <tr v-for="skin in pages[index]" :key="skin.id" style="position: relative;">
                           <th scope="row">
-                              <NuxtLink class="text-decoration-none text-light" :to="`/ward-skins/overview/${skin.id}`">
+                              <NuxtLink class="text-decoration-none text-light stretched-link" :to="`/ward-skins/overview/${skin.id}`">
                                   {{ skin.id }}
                               </NuxtLink>
                           </th>