diff --git a/resources/js/Pages/Projects/Show.vue b/resources/js/Pages/Projects/Show.vue
index 7ecdc7f7..7d593568 100644
--- a/resources/js/Pages/Projects/Show.vue
+++ b/resources/js/Pages/Projects/Show.vue
@@ -113,7 +113,7 @@ const sendDailyReport = () => {
                             </div>
                             <div v-auto-animate v-else>
                                 <template v-for="message in messages.data">
-                                    <div class="border border-gray-300 rounded-md p-4 mb-4 overflow-scroll ">
+                                    <div class="border border-gray-500 rounded-md p-4 mb-4 overflow-scroll ">
                                         <div class="flex justify-end gap-2 items-center -mb-6">
                                             <span class="badge badge-ghost text-xs">{{ message.diff_for_humans }}</span>
                                             <span class="badge badge-outline text-xs">{{ message.id }}</span>
@@ -160,7 +160,7 @@ const sendDailyReport = () => {
                                     v-model="form.input"
                                     placeholder="Ask a question..."
                                     required
-                                    class="textarea textarea-bordered textarea-lg w-full"></textarea>
+                                    class="textarea textarea-bordered border-gray-500 textarea-lg w-full"></textarea>
                                 <div class="flex justify-end mt-2">
                                     <button
                                         :disabled="form.processing"
diff --git a/resources/js/Pages/Tasks/Index.vue b/resources/js/Pages/Tasks/Index.vue
index 110ef652..8c9200e7 100644
--- a/resources/js/Pages/Tasks/Index.vue
+++ b/resources/js/Pages/Tasks/Index.vue
@@ -65,13 +65,13 @@ watch(() => props.chatCompleted, (newValue) => {
         </div>
 
         <template v-for="task in tasks" :key="task.id">
-            <div class="p-2 border border-gray-300 rounded-md my-2">
-                <div class="text-gray-600 text-md flex justify-between items-center">
+            <div class="p-2 border border-gray-500 rounded-md my-2">
+                <div class="text-gray-400 text-md flex justify-between items-center">
                     {{ task.name }} <span class="badge badge-ghost text-xs">{{ task.id }} </span>
                 </div>
 
 
-                <div class="whitespace-pre-wrap text-gray-600 text-sm prose py-2 px-1">
+                <div class="whitespace-pre-wrap text-gray-500 text-sm prose py-2 px-1">
                     {{ task.details }}
                 </div>