diff --git a/src/renderer/src/pages/game-details/game-details.scss b/src/renderer/src/pages/game-details/game-details.scss
index 9fdc9485..f5f77a86 100644
--- a/src/renderer/src/pages/game-details/game-details.scss
+++ b/src/renderer/src/pages/game-details/game-details.scss
@@ -130,22 +130,6 @@
     }
   }
 
-  // Randomizer button styles
-  &__randomizer-button {
-    position: fixed;
-    bottom: calc(globals.$spacing-unit * 5);
-    right: calc(globals.$spacing-unit * 5);
-    z-index: 100;
-    padding: calc(globals.$spacing-unit * 1.5) calc(globals.$spacing-unit * 2);
-    overflow: visible;
-  }
-
-  &__stars-icon-container {
-    width: 70px;
-    height: 70px;
-    position: relative;
-  }
-
   // Skeleton-specific styles
   &__skeleton {
     .react-loading-skeleton {
diff --git a/src/renderer/src/pages/game-details/hero.scss b/src/renderer/src/pages/game-details/hero.scss
index 41264fe4..82f64337 100644
--- a/src/renderer/src/pages/game-details/hero.scss
+++ b/src/renderer/src/pages/game-details/hero.scss
@@ -231,26 +231,36 @@ $hero-height: 350px;
   }
 
   &__randomizer-button {
-    padding: calc(globals.$spacing-unit * 1.5);
+    position: fixed;
+    bottom: calc(globals.$spacing-unit * 5);
+    right: calc(globals.$spacing-unit * 5);
+    z-index: 100;
+    padding: calc(globals.$spacing-unit * 1.5) calc(globals.$spacing-unit * 2);
     background-color: rgba(0, 0, 0, 0.6);
     backdrop-filter: blur(20px);
     border-radius: 8px;
     transition: all ease 0.2s;
     cursor: pointer;
     min-height: 40px;
-    min-width: 40px;
     display: flex;
     align-items: center;
     justify-content: center;
+    gap: globals.$spacing-unit;
     color: globals.$muted-color;
     border: solid 1px globals.$border-color;
     box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.8);
     animation: slide-in 0.3s cubic-bezier(0.33, 1, 0.68, 1);
+    overflow: visible;
 
     &:active {
       opacity: 0.9;
     }
 
+    &:disabled {
+      opacity: globals.$disabled-opacity;
+      cursor: not-allowed;
+    }
+
     &:hover {
       background-color: rgba(0, 0, 0, 0.5);
       color: globals.$body-color;
@@ -258,17 +268,15 @@ $hero-height: 350px;
   }
 
   &__stars-icon-container {
-    width: 20px;
+    width: 16px;
     height: 16px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
     position: relative;
   }
 
   &__stars-icon {
-    width: 26px;
+    width: 70px;
     position: absolute;
-    top: -3px;
+    top: -28px;
+    left: -27px;
   }
 }