diff --git a/resources/views/livewire/questions/placeholder.blade.php b/resources/views/livewire/questions/placeholder.blade.php
index 91dcd8ab..e05d0f89 100644
--- a/resources/views/livewire/questions/placeholder.blade.php
+++ b/resources/views/livewire/questions/placeholder.blade.php
@@ -1,31 +1,31 @@
 <article class="block">
-    <div class="animate-pulse group p-4 mt-3 rounded-2xl bg-slate-900">
-        <div class="flex items center justify-between">
-            <div class="flex items center w-full">
+    <div class="animate-pulse group p-4 mt-3 rounded-2xl bg-gray-200 dark:bg-slate-900">
+        <div class="flex items-center justify-between">
+            <div class="flex items-center w-full">
                 <div class="flex-shrink-0 mr-3">
-                    <div class="w-10 h-10 bg-slate-700 rounded-full"></div>
+                    <div class="w-10 h-10 bg-gray-300 dark:bg-slate-700 rounded-full"></div>
                 </div>
                 <div class="flex flex-col">
-                    <div class="w-20 h-2 mt-2 bg-slate-700 rounded"></div>
-                    <div class="w-16 h-2 mt-2.5 bg-slate-700 rounded"></div>
+                    <div class="w-20 h-2 mt-2 bg-gray-300 dark:bg-slate-700 rounded"></div>
+                    <div class="w-16 h-2 mt-2.5 bg-gray-300 dark:bg-slate-700 rounded"></div>
                 </div>
             </div>
         </div>
         <div class="flex-column justify-start w-full py-1">
-            <div class="h-2 w-10/12 bg-slate-700 my-3 rounded"></div>
-            <div class="h-2 bg-slate-700 my-3 rounded"></div>
-            <div class="h-2 w-32 bg-slate-700 my-3 rounded"></div>
+            <div class="h-2 w-10/12 bg-gray-300 dark:bg-slate-700 my-3 rounded"></div>
+            <div class="h-2 bg-gray-300 dark:bg-slate-700 my-3 rounded"></div>
+            <div class="h-2 w-32 bg-gray-300 dark:bg-slate-700 my-3 rounded"></div>
         </div>
         <div class="flex items-center justify-between w-full">
             <div class="flex items-start">
-                <div class="w-4 h-4 bg-slate-700 rounded-full"></div>
-                <div class="w-4 h-4 bg-slate-700 rounded-full ml-2"></div>
-                <div class="w-4 h-4 bg-slate-700 rounded-full ml-2"></div>
+                <div class="w-4 h-4 bg-gray-300 dark:bg-slate-700 rounded-full"></div>
+                <div class="w-4 h-4 bg-gray-300 dark:bg-slate-700 rounded-full ml-2"></div>
+                <div class="w-4 h-4 bg-gray-300 dark:bg-slate-700 rounded-full ml-2"></div>
             </div>
             <div class="flex items-end">
-                <div class="w-16 h-2 my-1 bg-slate-700 rounded"></div>
-                <div class="w-4 h-4 bg-slate-700 rounded-full ml-2"></div>
+                <div class="w-16 h-2 my-1 bg-gray-300 dark:bg-slate-700 rounded"></div>
+                <div class="w-4 h-4 bg-gray-300 dark:bg-slate-700 rounded-full ml-2"></div>
             </div>
         </div>
     </div>
-</article>
\ No newline at end of file
+</article>