diff --git a/spiffworkflow-frontend/src/routes/TaskShow.tsx b/spiffworkflow-frontend/src/routes/TaskShow.tsx
index 56813225b..53ac8c0c8 100644
--- a/spiffworkflow-frontend/src/routes/TaskShow.tsx
+++ b/spiffworkflow-frontend/src/routes/TaskShow.tsx
@@ -269,7 +269,13 @@ export default function TaskShow() {
     }
     return (
       <div className="markdown">
-        <MDEditor.Markdown source={instructions} />
+        {/*
+          https://www.npmjs.com/package/@uiw/react-md-editor switches to dark mode by default by respecting @media (prefers-color-scheme: dark) 
+          This makes it look like our site is broken, so until the rest of the site supports dark mode, turn off dark mode for this component.
+        */}
+        <div data-color-mode="light">
+          <MDEditor.Markdown source={instructions} />
+        </div>
       </div>
     );
   };