diff --git a/src/app/coins-rules/coins-rules-screen.tsx b/src/app/coins-rules/coins-rules-screen.tsx
index bdc0a31e..ee22c079 100644
--- a/src/app/coins-rules/coins-rules-screen.tsx
+++ b/src/app/coins-rules/coins-rules-screen.tsx
@@ -1,7 +1,6 @@
 "use client";
 
 import {
-  Coins,
   Gift,
   ImageIcon,
   MessageCircle,
@@ -9,6 +8,7 @@ import {
   Phone,
   Sparkles,
 } from "lucide-react";
+import { FaCoins } from "react-icons/fa6";
 
 import { BackButton } from "@/app/_components";
 import { MobileShell } from "@/app/_components/core";
@@ -76,7 +76,7 @@ export function CoinsRulesScreen() {
 
           <div className={styles.hero}>
             <span className={styles.heroIcon} aria-hidden="true">
-              <Coins size={24} strokeWidth={2.4} />
+              <FaCoins size={24} />
             </span>
             <p className={styles.eyebrow}>Coins Guide</p>
             <h1 className={styles.title}>Coin Usage Rules</h1>
diff --git a/src/app/sidebar/components/sidebar-wallet-card.tsx b/src/app/sidebar/components/sidebar-wallet-card.tsx
index c0987eb9..0c69bb9c 100644
--- a/src/app/sidebar/components/sidebar-wallet-card.tsx
+++ b/src/app/sidebar/components/sidebar-wallet-card.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { Coins } from "lucide-react";
+import { FaCoins } from "react-icons/fa6";
 
 import styles from "./sidebar-wallet-card.module.css";
 
@@ -25,7 +25,7 @@ export function SidebarWalletCard({
       <div className={styles.leftColumn}>
         <div className={styles.titleRow}>
           <span className={styles.iconWrap} aria-hidden="true">
-            <Coins size={18} strokeWidth={2.4} />
+            <FaCoins size={18} />
           </span>
           <h2 className={styles.title}>My Wallet</h2>
         </div>
diff --git a/src/app/subscription/components/subscription-coins-offer-section.tsx b/src/app/subscription/components/subscription-coins-offer-section.tsx
index 349c539e..76d591fa 100644
--- a/src/app/subscription/components/subscription-coins-offer-section.tsx
+++ b/src/app/subscription/components/subscription-coins-offer-section.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { Coins } from "lucide-react";
+import { FaCoins } from "react-icons/fa6";
 
 import styles from "./subscription-coins-offer-section.module.css";
 
@@ -42,7 +42,7 @@ export function SubscriptionCoinsOfferSection({
               onClick={() => onSelectPlan(plan.id)}
             >
               <span className={styles.coinIcon} aria-hidden="true">
-                <Coins size={18} strokeWidth={2.4} />
+                <FaCoins size={18} />
               </span>
               <span className={styles.coins}>{plan.coins} Coins</span>
               <span className={styles.price}>