diff --git a/server/app/query/page.tsx b/server/app/query/page.tsx
index ee1d02c..5cdcd48 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 dark:text-gray-100 sm:truncate sm:text-3xl sm:tracking-tight">
+          <h2 className="text-2xl font-bold leading-7 text-gray-900 sm:truncate sm:text-3xl sm:tracking-tight dark:text-gray-100">
             Current Queries
           </h2>
 
           {Object.keys(dataByQuery).length == 0 && (
-            <h3 className="text-lg font-bold leading-7 text-gray-900 dark:text-gray-100 sm:truncate sm:text-xl sm:tracking-tight">
+            <h3 className="text-lg font-bold leading-7 text-gray-900 sm:truncate sm:text-xl sm:tracking-tight dark:text-gray-100">
               None currently running.
             </h3>
           )}
diff --git a/server/app/query/view/[id]/page.tsx b/server/app/query/view/[id]/page.tsx
index 80db6a9..a18606f 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 dark:text-gray-100 sm:col-span-2 sm:mt-0">
+            <dd className="mt-2 text-sm text-gray-900 sm:col-span-2 sm:mt-0 dark:text-gray-100">
               <ul className="divide-y divide-gray-200 rounded-md border border-gray-200">
                 {queryParams.map(([key, value]) => {
                   return (