diff --git a/apps/token/src/components/web3-connector/web3-connector.tsx b/apps/token/src/components/web3-connector/web3-connector.tsx
index 954bad4df..4691e4e23 100644
--- a/apps/token/src/components/web3-connector/web3-connector.tsx
+++ b/apps/token/src/components/web3-connector/web3-connector.tsx
@@ -68,7 +68,7 @@ export const Web3Content = ({ children, appChainId }: Web3ContentProps) => {
     return (
       <Splash>
         <div className="flex flex-col items-center gap-12">
-          <p>Something went wrong: {error.message}</p>
+          <p className="text-white">Something went wrong: {error.message}</p>
           <Button onClick={() => connector.deactivate()}>Disconnect</Button>
         </div>
       </Splash>
@@ -79,7 +79,9 @@ export const Web3Content = ({ children, appChainId }: Web3ContentProps) => {
     return (
       <Splash>
         <div className="flex flex-col items-center gap-12">
-          <p>This app only works on chain ID: {appChainId}</p>
+          <p className="text-white">
+            This app only works on chain ID: {appChainId}
+          </p>
           <Button onClick={() => connector.deactivate()}>Disconnect</Button>
         </div>
       </Splash>