diff --git a/frontend/src/app/feature/game/slots/slots.component.css b/frontend/src/app/feature/game/slots/slots.component.css
index 0df9046..c1fa452 100644
--- a/frontend/src/app/feature/game/slots/slots.component.css
+++ b/frontend/src/app/feature/game/slots/slots.component.css
@@ -1,15 +1,3 @@
-/* Open button styling - Matches lootbox component style */
-.open-btn {
-  background: linear-gradient(90deg, #4338ca 0%, #8b5cf6 100%);
-  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
-  transition: all 0.2s ease;
-}
-.open-btn:hover {
-  background: linear-gradient(90deg, #4f46e5 0%, #a78bfa 100%);
-  transform: translateY(-2px);
-  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);
-}
-
 /* Symbol colors */
 .symbol-BAR {
   color: var(--color-accent-yellow);
diff --git a/frontend/src/app/feature/game/slots/slots.component.html b/frontend/src/app/feature/game/slots/slots.component.html
index 7b0a850..c5929df 100644
--- a/frontend/src/app/feature/game/slots/slots.component.html
+++ b/frontend/src/app/feature/game/slots/slots.component.html
@@ -74,9 +74,8 @@
 
             <button
               (click)="spin()"
-              class="px-4 py-1.5 font-bold rounded"
+              class="button-primary px-4 py-1.5 font-bold"
               [ngClass]="{
-                'open-btn': hasEnoughBalance(),
                 'bg-gray-500 cursor-not-allowed': !hasEnoughBalance(),
               }"
               [disabled]="isSpinning || !hasEnoughBalance()"