diff --git a/src/assets/images/toolbar/icons/fortune-wheel.svg b/src/assets/images/toolbar/icons/fortune-wheel.svg
new file mode 100644
index 0000000..3be5e00
--- /dev/null
+++ b/src/assets/images/toolbar/icons/fortune-wheel.svg
@@ -0,0 +1,23 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40">
+  <!-- Habbo-style wheel of fortune -->
+  <g stroke="#3a2a14" stroke-width="1.1" stroke-linejoin="round">
+    <!-- outer rim -->
+    <circle cx="20" cy="20" r="17" fill="#3a2a14" stroke="none"/>
+    <!-- coloured wedges -->
+    <g stroke="#3a2a14" stroke-width="0.8">
+      <path d="M20 20 L20 4   A16 16 0 0 1 31.31 8.69  Z" fill="#ff5b5b"/>
+      <path d="M20 20 L31.31 8.69 A16 16 0 0 1 36 20      Z" fill="#ffb13b"/>
+      <path d="M20 20 L36 20  A16 16 0 0 1 31.31 31.31 Z" fill="#ffe14d"/>
+      <path d="M20 20 L31.31 31.31 A16 16 0 0 1 20 36     Z" fill="#7ed957"/>
+      <path d="M20 20 L20 36  A16 16 0 0 1 8.69 31.31  Z" fill="#3bc4ff"/>
+      <path d="M20 20 L8.69 31.31 A16 16 0 0 1 4 20       Z" fill="#4d79ff"/>
+      <path d="M20 20 L4 20   A16 16 0 0 1 8.69 8.69   Z" fill="#b85bff"/>
+      <path d="M20 20 L8.69 8.69 A16 16 0 0 1 20 4        Z" fill="#ff5bb0"/>
+    </g>
+    <!-- centre hub -->
+    <circle cx="20" cy="20" r="4" fill="#fff4d6"/>
+    <circle cx="20" cy="20" r="1.4" fill="#3a2a14" stroke="none"/>
+  </g>
+  <!-- top pointer -->
+  <path d="M20 11 L15.5 1.5 L24.5 1.5 Z" fill="#ff2e2e" stroke="#3a2a14" stroke-width="1.1" stroke-linejoin="round"/>
+</svg>
diff --git a/src/components/catalog/views/page/widgets/CatalogPurchaseWidgetView.tsx b/src/components/catalog/views/page/widgets/CatalogPurchaseWidgetView.tsx
index 44feade..fb45da8 100644
--- a/src/components/catalog/views/page/widgets/CatalogPurchaseWidgetView.tsx
+++ b/src/components/catalog/views/page/widgets/CatalogPurchaseWidgetView.tsx
@@ -233,7 +233,7 @@ export const CatalogPurchaseWidgetView: FC<CatalogPurchaseWidgetViewProps> = pro
         switch(purchaseState)
         {
             case CatalogPurchaseState.CONFIRM:
-                return <Button classNames={ swfButtonClassNames } variant="warning" onClick={ event => purchase() }>{ LocalizeText('catalog.marketplace.confirm_title') }</Button>;
+                return <Button classNames={ [ ...swfButtonClassNames, 'nitro-catalog-swf-confirm-button' ] } variant="success" onClick={ event => purchase() }>{ LocalizeText('catalog.marketplace.confirm_title') }</Button>;
             case CatalogPurchaseState.PURCHASE:
                 return <Button classNames={ swfButtonClassNames } disabled><LayoutLoadingSpinnerView /></Button>;
             case CatalogPurchaseState.FAILED:
diff --git a/src/css/catalog/CatalogClassicView.css b/src/css/catalog/CatalogClassicView.css
index 38c082c..2a00842 100644
--- a/src/css/catalog/CatalogClassicView.css
+++ b/src/css/catalog/CatalogClassicView.css
@@ -1103,6 +1103,39 @@
     cursor: not-allowed !important;
 }
 
+.nitro-catalog-classic-window .nitro-catalog-swf-confirm-button {
+    width: 160px !important;
+    min-width: 160px !important;
+    height: 24px !important;
+    padding: 0 8px !important;
+    border: 1px solid #000 !important;
+    border-radius: 4px !important;
+    border-image: none !important;
+    border-image-source: none !important;
+    background:
+        linear-gradient(180deg, #b6e86b 0%, #7fc828 45%, #4f9a18 100%) !important;
+    box-shadow:
+        inset 0 1px 0 rgba(255, 255, 255, 0.6),
+        inset 0 -2px 0 rgba(40, 80, 0, 0.35) !important;
+    color: #1f3d00 !important;
+    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.45) !important;
+    font-weight: 700 !important;
+}
+
+.nitro-catalog-classic-window .nitro-catalog-swf-confirm-button:hover {
+    background:
+        linear-gradient(180deg, #c6f580 0%, #8fd836 45%, #57a81c 100%) !important;
+    filter: brightness(1.04);
+}
+
+.nitro-catalog-classic-window .nitro-catalog-swf-confirm-button:active {
+    background:
+        linear-gradient(180deg, #4f9a18 0%, #3d7a0a 100%) !important;
+    box-shadow:
+        inset 0 1px 0 rgba(255, 255, 255, 0.25),
+        inset 0 2px 0 rgba(40, 80, 0, 0.45) !important;
+}
+
 .nitro-catalog-classic-window .nitro-catalog-swf-gift-button {
     width: 160px !important;
     min-width: 160px !important;
diff --git a/src/css/icons/icons.css b/src/css/icons/icons.css
index 50f390c..0310ef5 100644
--- a/src/css/icons/icons.css
+++ b/src/css/icons/icons.css
@@ -92,10 +92,12 @@
 }
 
 .nitro-icon.icon-fortune-wheel {
-    background-image: url("@/assets/images/toolbar/icons/game.png");
-    width: 44px;
-    height: 25px;
-    filter: hue-rotate(300deg) saturate(1.6);
+    background-image: url("@/assets/images/toolbar/icons/fortune-wheel.svg");
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center;
+    width: 40px;
+    height: 40px;
 }
 
 .nitro-icon.icon-housekeeping {