diff --git a/ProjectLighthouse/Pages/Partials/SlotCardPartial.cshtml b/ProjectLighthouse/Pages/Partials/SlotCardPartial.cshtml
index 182ee6c0..353828d8 100644
--- a/ProjectLighthouse/Pages/Partials/SlotCardPartial.cshtml
+++ b/ProjectLighthouse/Pages/Partials/SlotCardPartial.cshtml
@@ -10,6 +10,7 @@
     await using Database database = new();
 
     string slotName = string.IsNullOrEmpty(Model.Name) ? "Unnamed Level" : Model.Name;
+    bool isMobile = (bool?)ViewData["IsMobile"] ?? false;
 
     bool isQueued = false;
     bool isHearted = false;
@@ -28,7 +29,10 @@
     if (string.IsNullOrWhiteSpace(iconHash) || iconHash.StartsWith('g')) iconHash = ServerSettings.Instance.MissingIconHash;
 }
 <div class="slotCard">
-    <div class="slotCardIcon" style="background-image: url('/gameAssets/@iconHash');">
+    @{
+        int size = isMobile ? 50 : 100;
+    }
+    <div class="slotCardIcon" style="background-image: url('/gameAssets/@iconHash'); min-width: @(size)px; width: @(size)px; height: @(size)px">
     </div>
     <div class="slotCardStats">
         @if (showLink)
diff --git a/ProjectLighthouse/Pages/SlotPage.cshtml b/ProjectLighthouse/Pages/SlotPage.cshtml
index 63feb595..4be38e74 100644
--- a/ProjectLighthouse/Pages/SlotPage.cshtml
+++ b/ProjectLighthouse/Pages/SlotPage.cshtml
@@ -1,4 +1,5 @@
 @page "/slot/{id:int}"
+@using LBPUnion.ProjectLighthouse.Helpers.Extensions
 @model LBPUnion.ProjectLighthouse.Pages.SlotPage
 
 @{
@@ -20,6 +21,9 @@
     {
         "ShowLink", false
     },
+    {
+        "IsMobile", Model.Request.IsMobile()
+    },
 })
 <br>
 
diff --git a/ProjectLighthouse/Pages/SlotsPage.cshtml b/ProjectLighthouse/Pages/SlotsPage.cshtml
index ad5b8180..41b5947a 100644
--- a/ProjectLighthouse/Pages/SlotsPage.cshtml
+++ b/ProjectLighthouse/Pages/SlotsPage.cshtml
@@ -1,4 +1,5 @@
 @page "/slots/{pageNumber:int}"
+@using LBPUnion.ProjectLighthouse.Helpers.Extensions
 @using LBPUnion.ProjectLighthouse.Types.Levels
 @model LBPUnion.ProjectLighthouse.Pages.SlotsPage
 
@@ -23,6 +24,9 @@
             {
                 "ShowLink", true
             },
+            {
+                "IsMobile", Model.Request.IsMobile()
+            },
         })
     </div>
 }
diff --git a/ProjectLighthouse/StaticFiles/css/styles.css b/ProjectLighthouse/StaticFiles/css/styles.css
index 0c84d1c2..8d5ca005 100644
--- a/ProjectLighthouse/StaticFiles/css/styles.css
+++ b/ProjectLighthouse/StaticFiles/css/styles.css
@@ -29,8 +29,6 @@ div.statsUnderTitle > span {
 
 .slotCardIcon {
     margin-right: 10px;
-    height: 100px;
-    width: 100px;
     background-size: cover;
     background-position: center;
     border-radius: 100%;
@@ -53,7 +51,15 @@ div.statsUnderTitle > span {
 
 .slotCardButtons {
     height: 100px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
     margin-left: auto;
 }
 
+.slotCardButtons > a {
+    margin-bottom: 5px !important;
+    vertical-align: center;
+}
+
 /*#endregion Slot cards*/
\ No newline at end of file