diff --git a/server/app/query/page.tsx b/server/app/query/page.tsx
index 40a9d8c..ee1d02c 100644
--- a/server/app/query/page.tsx
+++ b/server/app/query/page.tsx
@@ -103,12 +103,12 @@ export default function Page() {
     <>
       <div className="md:flex md:items-center md:justify-between">
         <div className="min-w-0 flex-1">
-          <h2 className="text-2xl font-bold leading-7 text-gray-900 sm:truncate sm:text-3xl sm:tracking-tight">
+          <h2 className="text-2xl font-bold leading-7 text-gray-900 dark:text-gray-100 sm:truncate sm:text-3xl sm:tracking-tight">
             Current Queries
           </h2>
 
           {Object.keys(dataByQuery).length == 0 && (
-            <h3 className="text-lg font-bold leading-7 text-gray-900 sm:truncate sm:text-xl sm:tracking-tight">
+            <h3 className="text-lg font-bold leading-7 text-gray-900 dark:text-gray-100 sm:truncate sm:text-xl sm:tracking-tight">
               None currently running.
             </h3>
           )}
diff --git a/server/app/query/view/[id]/page.tsx b/server/app/query/view/[id]/page.tsx
index 024d8a3..80db6a9 100644
--- a/server/app/query/view/[id]/page.tsx
+++ b/server/app/query/view/[id]/page.tsx
@@ -176,7 +176,7 @@ export default function QueryPage({ params }: { params: { id: string } }) {
             <dt className="text-sm font-medium leading-6 text-gray-900 dark:text-gray-100">
               Params:
             </dt>
-            <dd className="mt-2 text-sm text-gray-900 sm:col-span-2 sm:mt-0">
+            <dd className="mt-2 text-sm text-gray-900 dark:text-gray-100 sm:col-span-2 sm:mt-0">
               <ul className="divide-y divide-gray-200 rounded-md border border-gray-200">
                 {queryParams.map(([key, value]) => {
                   return (
@@ -189,7 +189,7 @@ export default function QueryPage({ params }: { params: { id: string } }) {
                           <span className="truncate font-medium"> {key}</span>
                         </div>
                       </div>
-                      <div className="ml-4 shrink-0 font-medium text-sky-700">
+                      <div className="ml-4 shrink-0 font-medium text-sky-700 dark:text-sky-300">
                         {value as string}
                       </div>
                     </li>