diff --git a/src/views/admin/components/other/help-button.vue b/src/views/admin/components/other/help-button.vue
index 9415b357f..d2b885cd1 100644
--- a/src/views/admin/components/other/help-button.vue
+++ b/src/views/admin/components/other/help-button.vue
@@ -30,8 +30,8 @@ export default {
     },
     computed: {
         getHelperTooltipContent() {
-            return ( this.title ? ( `<p style="font-weight: bold">` + this.title + `</p>` ) : '' ) +
-                    `<p>` + ((this.message != '' && this.message != undefined) ? this.message : this.$i18n.get('info_no_description_provided')) + `</p>`;
+            return ( this.title ? ( `<p style="font-weight: bold; color: var(--tainacan-secondary);">` + this.title + `</p>` ) : '' ) +
+                    `<p style="color: var(--tainacan-info-color);">` + ((this.message != '' && this.message != undefined) ? this.message : this.$i18n.get('info_no_description_provided')) + `</p>`;
         }
     }
 }
diff --git a/src/views/admin/scss/_tooltips.scss b/src/views/admin/scss/_tooltips.scss
index 6aa09bbd6..70e97e4ce 100644
--- a/src/views/admin/scss/_tooltips.scss
+++ b/src/views/admin/scss/_tooltips.scss
@@ -316,7 +316,8 @@
 
         .help-tooltip-header {
             padding: 0.8em 0.8em 0em 0.8em;
-            h5 {
+            h5,
+            p {
                 font-size: 0.875em !important;
                 font-weight: bold;
                 color: var(--tainacan-blue5);
@@ -335,7 +336,7 @@
                 overflow: visible !important;
                 max-height: 100% !important;
                 line-height: normal;
-                color: var(--tainacan-blue5);
+                color: var(--tainacan-info-color);
             }
         }
     }