diff --git a/web/components/advanced-panel.tsx b/web/components/advanced-panel.tsx
index c607a75d..828d84dc 100644
--- a/web/components/advanced-panel.tsx
+++ b/web/components/advanced-panel.tsx
@@ -17,7 +17,7 @@ export function AdvancedPanel(props: { children: any }) {
         onClick={() => setCollapsed((collapsed) => !collapsed)}
         className="cursor-pointer"
       >
-        <div className="mt-4 mr-6 text-sm text-gray-400 text-right">
+        <div className="mt-4 mr-6 text-sm text-gray-500 text-right">
           Advanced
         </div>
         <div
@@ -25,7 +25,7 @@ export function AdvancedPanel(props: { children: any }) {
           style={{
             top: -2,
             right: -15,
-            color: '#9ca3af' /* gray-400 */,
+            color: '#6a7280' /* gray-500 */,
           }}
         />
       </div>
diff --git a/web/components/bet-panel.tsx b/web/components/bet-panel.tsx
index abc9764e..dae3b875 100644
--- a/web/components/bet-panel.tsx
+++ b/web/components/bet-panel.tsx
@@ -1,4 +1,3 @@
-import { getFunctions, httpsCallable } from 'firebase/functions'
 import clsx from 'clsx'
 import React, { useEffect, useState } from 'react'
 
@@ -115,14 +114,14 @@ export function BetPanel(props: { contract: Contract; className?: string }) {
     >
       <Title className="!mt-0 whitespace-nowrap" text={`Buy ${betChoice}`} />
 
-      <div className="mt-2 mb-1 text-sm text-gray-400">Outcome</div>
+      <div className="mt-2 mb-1 text-sm text-gray-500">Outcome</div>
       <YesNoSelector
         className="my-2"
         selected={betChoice}
         onSelect={(choice) => onBetChoice(choice)}
       />
 
-      <div className="mt-3 mb-1 text-sm text-gray-400">
+      <div className="mt-3 mb-1 text-sm text-gray-500">
         Amount{' '}
         {user && (
           <span className="float-right">
@@ -156,14 +155,14 @@ export function BetPanel(props: { contract: Contract; className?: string }) {
         {user && <AddFundsButton className="self-end mt-3" />}
       </Col>
 
-      <div className="mt-2 mb-1 text-sm text-gray-400">Implied probability</div>
+      <div className="mt-2 mb-1 text-sm text-gray-500">Implied probability</div>
       <Row>
         <div>{formatPercent(initialProb)}</div>
         <div className="mx-2">→</div>
         <div>{formatPercent(resultProb)}</div>
       </Row>
 
-      <div className="mt-2 mb-1 text-sm text-gray-400">
+      <div className="mt-2 mb-1 text-sm text-gray-500">
         Estimated max payout
       </div>
       <div>
@@ -172,7 +171,7 @@ export function BetPanel(props: { contract: Contract; className?: string }) {
       </div>
 
       <AdvancedPanel>
-        <div className="mt-2 mb-1 text-sm text-gray-400">
+        <div className="mt-2 mb-1 text-sm text-gray-500">
           <OutcomeLabel outcome={betChoice} /> shares
         </div>
         <div>
@@ -180,7 +179,7 @@ export function BetPanel(props: { contract: Contract; className?: string }) {
           {formatWithCommas(shares + contract.totalShares[betChoice])}
         </div>
 
-        <div className="mt-2 mb-1 text-sm text-gray-400">
+        <div className="mt-2 mb-1 text-sm text-gray-500">
           Current payout if <OutcomeLabel outcome={betChoice} />
         </div>
         <div>
diff --git a/web/pages/create.tsx b/web/pages/create.tsx
index 1d53ccd6..84690326 100644
--- a/web/pages/create.tsx
+++ b/web/pages/create.tsx
@@ -183,7 +183,7 @@ export default function NewContract() {
                 />
               </label>
               <label>
-                <span className="label-text text-gray-400 ml-1">
+                <span className="label-text text-gray-500 ml-1">
                   Remaining balance:{' '}
                   {formatMoney(remainingBalance > 0 ? remainingBalance : 0)}
                 </span>
@@ -207,7 +207,7 @@ export default function NewContract() {
               />
             </div>
             <label>
-              <span className="label-text text-gray-400 ml-1">
+              <span className="label-text text-gray-500 ml-1">
                 No new trades will be allowed after{' '}
                 {closeDate ? formattedCloseTime : 'this time'}
               </span>