diff --git a/client/src/pages/Tasks/TaskDetail/index.tsx b/client/src/pages/Tasks/TaskDetail/index.tsx
index d1a6abeaeb18365917d605c65472b0d78cc97a05..2438e529ec5b24e5f8020d4845d019b70e8339b2 100644
--- a/client/src/pages/Tasks/TaskDetail/index.tsx
+++ b/client/src/pages/Tasks/TaskDetail/index.tsx
@@ -52,7 +52,7 @@ export default function TaskDetail() {
 
     if (task) {
         return (
-            <div className="tasks-detail-page">
+            <div className={'tasks-detail-page theme-' + StatusColors.get(task.status)}>
                 <div className="content-container">
                     <Tag label={task.status} color={StatusColors.get(task.status)} />
                     <h1>{task.name}</h1>