diff --git a/src/renderer/src/modules/settings/tabs/invitations.tsx b/src/renderer/src/modules/settings/tabs/invitations.tsx
index b09bcf47a..e89653319 100644
--- a/src/renderer/src/modules/settings/tabs/invitations.tsx
+++ b/src/renderer/src/modules/settings/tabs/invitations.tsx
@@ -45,7 +45,7 @@ export const SettingInvitations = () => {
           </p>
           <p className="flex items-center">
             <span>You can spend 10 </span>
-            <i className="i-mgc-power ml-1 mr-0.5 text-base" />
+            <i className="i-mgc-power ml-1 mr-0.5 text-base text-accent" />
             <span> Power to generate an invitation code for your friends.</span>
           </p>
         </div>
@@ -157,7 +157,7 @@ const ConfirmModalContent = ({ dismiss }: { dismiss: () => void }) => {
     <>
       <div className="flex items-center">
         <span>Generating an invitation code will cost you 10 </span>
-        <i className="i-mgc-power mx-1 text-base" />
+        <i className="i-mgc-power mx-1 text-base text-accent" />
         <span>Power. Do you want to continue?</span>
       </div>
       <div className="mt-4 flex items-center justify-end gap-3">
diff --git a/src/renderer/src/modules/settings/tabs/wallet/my-wallet-section/create-wallet.tsx b/src/renderer/src/modules/settings/tabs/wallet/my-wallet-section/create-wallet.tsx
index a8139abe0..a4f288f6c 100644
--- a/src/renderer/src/modules/settings/tabs/wallet/my-wallet-section/create-wallet.tsx
+++ b/src/renderer/src/modules/settings/tabs/wallet/my-wallet-section/create-wallet.tsx
@@ -9,7 +9,7 @@ export const CreateWallet = () => {
       <p className="text-base">
         Create a free wallet to receive{" "}
         <strong className="inline-flex items-baseline gap-1 font-medium">
-          <i className="i-mgc-power translate-y-[2px]" />
+          <i className="i-mgc-power translate-y-[2px] text-accent" />
           Power
         </strong>
         , which can be used to reward creators and also get rewarded for your content contributions.
diff --git a/src/renderer/src/modules/settings/tabs/wallet/my-wallet-section/index.tsx b/src/renderer/src/modules/settings/tabs/wallet/my-wallet-section/index.tsx
index 4b0e44603..f8be38142 100644
--- a/src/renderer/src/modules/settings/tabs/wallet/my-wallet-section/index.tsx
+++ b/src/renderer/src/modules/settings/tabs/wallet/my-wallet-section/index.tsx
@@ -24,7 +24,7 @@ export const MyWalletSection = () => {
     return (
       <div className="center absolute inset-0 flex">
         <LoadingWithIcon
-          icon={<i className="i-mgc-power" />}
+          icon={<i className="i-mgc-power text-accent" />}
           size="large"
           className="-translate-y-full"
         />
diff --git a/src/renderer/src/modules/wallet/tip-modal.tsx b/src/renderer/src/modules/wallet/tip-modal.tsx
index dc5a5465c..49a27b47e 100644
--- a/src/renderer/src/modules/wallet/tip-modal.tsx
+++ b/src/renderer/src/modules/wallet/tip-modal.tsx
@@ -26,7 +26,7 @@ const useMyWallet = () => {
 
 const Loading = () => (
   <div className="center h-32 w-[350px]">
-    <LoadingWithIcon icon={<i className="i-mgc-power" />} size="large" />
+    <LoadingWithIcon icon={<i className="i-mgc-power text-accent" />} size="large" />
   </div>
 )
 
@@ -142,7 +142,7 @@ const TipModalContent_: FC<{
 
       <div className="flex flex-col justify-center gap-y-2">
         <div className="flex flex-row items-center gap-x-2 font-bold">
-          <i className="i-mgc-power" />
+          <i className="i-mgc-power text-accent" />
           <span>Amount</span>
         </div>
 
diff --git a/src/renderer/src/queries/wallet.tsx b/src/renderer/src/queries/wallet.tsx
index 05918ab34..2b1177e6a 100644
--- a/src/renderer/src/queries/wallet.tsx
+++ b/src/renderer/src/queries/wallet.tsx
@@ -85,7 +85,7 @@ export const useClaimWalletDailyRewardMutation = () => {
           className="flex items-center gap-1 text-lg"
           onClick={() => settingModalPresent("wallet")}
         >
-          <i className="i-mgc-power animate-flip" />
+          <i className="i-mgc-power text-accent animate-flip" />
         </div>,
         {
           unstyled: true,