diff --git a/addons/website_forum/static/src/js/website_forum.js b/addons/website_forum/static/src/js/website_forum.js
index cccae9e59e8..652f03972b2 100644
--- a/addons/website_forum/static/src/js/website_forum.js
+++ b/addons/website_forum/static/src/js/website_forum.js
@@ -164,7 +164,7 @@ publicWidget.registry.websiteForum = publicWidget.Widget.extend({
                 offset: '10',
                 animation: false,
                 html: true,
-                customClass: 'o_wforum_bio_popover_container',
+                customClass: 'o_wforum_bio_popover_container shadow-sm',
             });
         });
 
diff --git a/addons/website_forum/static/src/scss/website_forum.scss b/addons/website_forum/static/src/scss/website_forum.scss
index 95fa78e92ff..3cf169110b2 100644
--- a/addons/website_forum/static/src/scss/website_forum.scss
+++ b/addons/website_forum/static/src/scss/website_forum.scss
@@ -260,14 +260,16 @@ $-forum-sidebar-width: map-get($container-max-widths, sm) / 2;
 }
 
 .popover.o_wforum_bio_popover_container {
-    box-shadow: 0 2px 5px $gray-400;
-
     .popover-header {
         background-color: tint-color($primary, 80%);
         border-bottom: 0;
         color: $primary;
     }
 
+    .popover-body {
+        color: $dark;
+    }
+
     max-width: 552px;
 
     .o-text-gold {
@@ -291,3 +293,7 @@ $-forum-sidebar-width: map-get($container-max-widths, sm) / 2;
         box-shadow: $box-shadow !important;
     }
 }
+
+.o_wforum_background_gradient {
+    background-image: linear-gradient(0deg, rgba($body-bg, .75) 30%, rgba($body-bg, 0) 100%);
+}
diff --git a/addons/website_forum/views/forum_forum_templates_forum_all.xml b/addons/website_forum/views/forum_forum_templates_forum_all.xml
index c101d52fa7a..e5d4b947182 100644
--- a/addons/website_forum/views/forum_forum_templates_forum_all.xml
+++ b/addons/website_forum/views/forum_forum_templates_forum_all.xml
@@ -39,8 +39,8 @@
                 class="card oe_img_bg h-100 justify-content-end shadow-sm border-0 p-3 pt-5 text-reset text-decoration-none transition-base"
                 t-attf-style="background-image: url('#{website.image_url(forum, 'image_1920') if forum.image_1920 else ''}')"
             >
-                <div class="o_we_bg_filter" style="background-image: linear-gradient(0deg, rgba(255, 255, 255, .75) 30%, rgba(255, 255, 255, 0) 100%);"></div>
-                <div t-if="forum_badge" class="badge position-absolute top-0 end-0 m-3 border text-bg-light" t-out="forum_badge"></div>
+                <div class="o_we_bg_filter o_wforum_background_gradient"/>
+                <div t-if="forum_badge" class="badge position-absolute top-0 end-0 m-3 border text-bg-secondary" t-out="forum_badge"></div>
                 <div class="mt-5 pt-5">
                     <h3 class="mb-0 fw-bold" t-field="forum.name"/>
                     <t t-if="is_view_active('website_forum.opt_post_count')">
diff --git a/addons/website_forum/views/forum_forum_templates_post.xml b/addons/website_forum/views/forum_forum_templates_post.xml
index 2f77d978267..07d37bd6869 100644
--- a/addons/website_forum/views/forum_forum_templates_post.xml
+++ b/addons/website_forum/views/forum_forum_templates_post.xml
@@ -40,7 +40,7 @@
                 t-value="'/forum/' + slug(question_tag.forum_id) + '/tag/' + slug(question_tag) + '/questions?' + keep_query( 'search', 'sorting', 'my', 'create_uid', filters='tag')"/>
 
             <a t-att-href="click_action"
-                t-attf-class="badge position-relative z-index-1 #{ 'text-bg-secondary' if tag and tag.name == question_tag.name else 'text-bg-light' } fw-normal"
+                t-attf-class="badge position-relative z-index-1 #{ 'text-bg-primary' if tag and tag.name == question_tag.name else 'text-bg-secondary' } fw-normal"
                 t-field="question_tag.name"/>
         </t>
     </div>
@@ -182,7 +182,7 @@
     <div t-if="question.tag_ids" class="o_wforum_index_entry_tags ms-3">
         <a t-foreach="question.tag_ids" t-as="question_tag"
             t-attf-href="/forum/#{slug(question_tag.forum_id)}/tag/#{slug(question_tag)}/questions?#{keep_query(filters='tag')}"
-            t-attf-class="badge text-bg-light #{'ms-1' if not question_tag_first else ''} fw-normal"
+            t-attf-class="badge text-bg-secondary #{'ms-1' if not question_tag_first else ''} fw-normal"
             t-field="question_tag.name"/>
     </div>
 </template>