diff --git a/Portfolio.WebUI.Server/Components/Component/Pokemon Components/PokemonTable.razor b/Portfolio.WebUI.Server/Components/Component/Pokemon Components/PokemonTable.razor
index 5ff8ca5..89e482a 100644
--- a/Portfolio.WebUI.Server/Components/Component/Pokemon Components/PokemonTable.razor	
+++ b/Portfolio.WebUI.Server/Components/Component/Pokemon Components/PokemonTable.razor	
@@ -44,10 +44,10 @@
             else
             {
                 <!-- Table Body -->
-                <tbody>
+                <tbody >
                     @foreach (var pokemon in pokemons)
                     {
-                        <tr>
+                        <tr class="" style="vertical-align: middle;">
 
                             <!-- Section: Pokemon Image -->
                             @{
@@ -84,16 +84,16 @@
                             {
                                 @if (pokemon.VariationName == "Alolan")
                                 {
-                                    <td @onclick="() => ViewPokemon(pokemon.PokemonId)" style="vertical-align: auto;"> Alolan @pokemon.PokemonName</td>
+                                    <td @onclick="() => ViewPokemon(pokemon.PokemonId)" class="pokemon-name-style"> Alolan @pokemon.PokemonName</td>
                                 }
                                 @if (pokemon.VariationName == "Paldean")
                                 {
-                                    <td @onclick="() => ViewPokemon(pokemon.PokemonId)" style="vertical-align: auto;"> Paldean @pokemon.PokemonName</td>
+                                    <td @onclick="() => ViewPokemon(pokemon.PokemonId)" class="pokemon-name-style"> Paldean @pokemon.PokemonName</td>
                                 }
                             }
                             else // Otherwise, Base Case
                             {
-                                <td @onclick="() => ViewPokemon(pokemon.PokemonId)" style="vertical-align: auto;"> @pokemon.PokemonName</td>
+                                <td @onclick="() => ViewPokemon(pokemon.PokemonId)" class="pokemon-name-style"> @pokemon.PokemonName</td>
                             }
 
 
diff --git a/Portfolio.WebUI.Server/Components/Component/Pokemon Components/PokemonTable.razor.css b/Portfolio.WebUI.Server/Components/Component/Pokemon Components/PokemonTable.razor.css
index 9d19979..06cccd7 100644
--- a/Portfolio.WebUI.Server/Components/Component/Pokemon Components/PokemonTable.razor.css	
+++ b/Portfolio.WebUI.Server/Components/Component/Pokemon Components/PokemonTable.razor.css	
@@ -51,6 +51,11 @@
     transform: rotateY(180deg);
 }
 
+.pokemon-name-style {
+    vertical-align: auto;
+    cursor: pointer;
+}
+
 .badge {
     width: 100px;
     height: 30px;
@@ -98,9 +103,6 @@
     width:3%;
 }
 
-.pokemon-name-width {
-    width:10%;
-}
 
 .pokemon-type-width {
     width:5%;