diff --git a/web/components/bet-panel.tsx b/web/components/bet-panel.tsx
index 1309e9b2..0fa026d3 100644
--- a/web/components/bet-panel.tsx
+++ b/web/components/bet-panel.tsx
@@ -115,7 +115,10 @@ export function BetPanel(props: { contract: Contract; className?: string }) {
     <Col
       className={clsx('bg-gray-100 shadow-md px-8 py-6 rounded-md', className)}
     >
-      <Title className="!mt-0 whitespace-nowrap" text={`Buy ${betChoice}`} />
+      <Title
+        className="mt-0 whitespace-nowrap text-neutral"
+        text={`Buy ${betChoice}`}
+      />
 
       <div className="mt-2 mb-1 text-sm text-gray-500">Outcome</div>
       <YesNoSelector
diff --git a/web/components/resolution-panel.tsx b/web/components/resolution-panel.tsx
index 3c540e0a..dec0d436 100644
--- a/web/components/resolution-panel.tsx
+++ b/web/components/resolution-panel.tsx
@@ -60,7 +60,7 @@ export function ResolutionPanel(props: {
     <Col
       className={clsx('bg-gray-100 shadow-md px-8 py-6 rounded-md', className)}
     >
-      <Title className="mt-0" text="Your market" />
+      <Title className="mt-0 text-neutral" text="Your market" />
 
       <div className="pt-2 pb-1 text-sm text-gray-500">Resolve outcome</div>