diff --git a/ZeroSpace/ZeroSpace.Web/Pages/Loadout.razor b/ZeroSpace/ZeroSpace.Web/Pages/Loadout.razor
index cce4617..aadbef3 100644
--- a/ZeroSpace/ZeroSpace.Web/Pages/Loadout.razor
+++ b/ZeroSpace/ZeroSpace.Web/Pages/Loadout.razor
@@ -26,7 +26,7 @@
         </label>
 
         <h2 class="pool-heading">Faction Powers</h2>
-        <div class="pool-list">
+        <div class="pool-list @(_showDetails ? "" : "compact")">
             @foreach (var item in FactionPowers)
             {
                 <article class="zs-glass-card pool-card @(_showDetails ? "" : "icon-only") @(_factionSlots.Contains(item) ? "equipped" : "")"
@@ -63,7 +63,7 @@
         </div>
 
         <h2 class="pool-heading">General Items</h2>
-        <div class="pool-list">
+        <div class="pool-list @(_showDetails ? "" : "compact")">
             @foreach (var item in GeneralItemsList)
             {
                 <article class="zs-glass-card pool-card @(_showDetails ? "" : "icon-only") @(_generalSlots.Contains(item) ? "equipped" : "")"
@@ -100,7 +100,7 @@
         </div>
 
         <h2 class="pool-heading">Master Items</h2>
-        <div class="pool-list">
+        <div class="pool-list @(_showDetails ? "" : "compact")">
             @foreach (var item in MasterItems)
             {
                 <article class="zs-glass-card pool-card @(_showDetails ? "" : "icon-only") @(_masterySlots.Contains(item) ? "equipped" : "")"