diff --git a/src/app/modules/admin/apps/help-center/help-center.component.html b/src/app/modules/admin/apps/help-center/help-center.component.html
index c2f5dcee..ffd31204 100644
--- a/src/app/modules/admin/apps/help-center/help-center.component.html
+++ b/src/app/modules/admin/apps/help-center/help-center.component.html
@@ -1,7 +1,7 @@
 <div class="flex flex-col flex-auto min-w-0">
 
     <!-- Header -->
-    <div class="relative pt-8 pb-28 px-4 sm:pt-20 sm:pb-48 sm:px-16 overflow-hidden bg-gray-800 dark">
+    <div class="relative pt-8 pb-28 px-4 sm:pt-20 sm:pb-48 sm:px-16 overflow-hidden bg-gray-800 dark:bg-gray-900 dark">
         <!-- Background - @formatter:off -->
         <!-- Rings -->
         <svg class="absolute inset-0 pointer-events-none"
@@ -40,7 +40,7 @@
                     <div class="text-2xl font-semibold">FAQs</div>
                     <div class="md:max-w-40 mt-1 text-secondary">Frequently asked questions and answers</div>
                 </div>
-                <div class="flex items-center justify-center py-4 px-8 text-primary bg-gray-50 dark:bg-transparent dark:border-t">
+                <div class="flex items-center justify-center py-4 px-8 text-primary-500 dark:text-primary-400 bg-gray-50 dark:bg-transparent dark:border-t">
                     <a
                         class="flex items-center"
                         [routerLink]="['faqs']">
@@ -58,7 +58,7 @@
                     <div class="text-2xl font-semibold">Guides</div>
                     <div class="md:max-w-40 mt-1 text-secondary">Articles and resources to guide you</div>
                 </div>
-                <div class="flex items-center justify-center py-4 px-8 text-primary-500 bg-gray-50 dark:bg-transparent dark:border-t">
+                <div class="flex items-center justify-center py-4 px-8 text-primary-500 dark:text-primary-400 bg-gray-50 dark:bg-transparent dark:border-t">
                     <a
                         class="flex items-center"
                         [routerLink]="['guides']">
@@ -76,7 +76,7 @@
                     <div class="text-2xl font-semibold">Support</div>
                     <div class="md:max-w-40 mt-1 text-secondary">Contact us for more detailed support</div>
                 </div>
-                <div class="flex items-center justify-center py-4 px-8 text-primary-500 bg-gray-50 dark:bg-transparent dark:border-t">
+                <div class="flex items-center justify-center py-4 px-8 text-primary-500 dark:text-primary-400 bg-gray-50 dark:bg-transparent dark:border-t">
                     <a
                         class="flex items-center"
                         [routerLink]="['support']">
diff --git a/src/app/modules/admin/apps/help-center/support/support.component.html b/src/app/modules/admin/apps/help-center/support/support.component.html
index 328a3a16..360c00c4 100644
--- a/src/app/modules/admin/apps/help-center/support/support.component.html
+++ b/src/app/modules/admin/apps/help-center/support/support.component.html
@@ -16,7 +16,7 @@
                 Contact support
             </div>
             <!-- Form -->
-            <div class="mt-8 sm:mt-12 p-6 pb-7 sm:p-10 sm:pb-7 shadow rounded-2xl bg-white">
+            <div class="mt-8 sm:mt-12 p-6 pb-7 sm:p-10 sm:pb-7 shadow rounded-2xl bg-card">
                 <!-- Alert -->
                 <fuse-alert
                     class="mb-8"