diff --git a/source/_includes/asides/component_navigation.html b/source/_includes/asides/component_navigation.html
index 2722cf5a13b..ab7744740dd 100644
--- a/source/_includes/asides/component_navigation.html
+++ b/source/_includes/asides/component_navigation.html
@@ -37,8 +37,8 @@
     {%- endif -%}.
   </div>
 
-  {% if page.works_with %}
-    {%- for type in page.works_with -%}
+  {% if page.ha_works_with and page.ha_codeowners and page.ha_quality_scale and page.ha_quality_scale contains 'platinum' or page.ha_quality_scale contains 'gold'  %}
+    {%- for type in page.ha_works_with -%}
       <div class="section">
         <a href="/blog/2022/07/12/partner-program">
           <img src="../../images/works_with/works-with-{{ type }}.png" alt="Works via {{ type }} with Home assistant">
diff --git a/source/_integrations/esphome.markdown b/source/_integrations/esphome.markdown
index 2668228b743..2ade14dbb80 100644
--- a/source/_integrations/esphome.markdown
+++ b/source/_integrations/esphome.markdown
@@ -29,7 +29,7 @@ ha_platforms:
   - switch
 ha_integration_type: integration
 ha_dhcp: true
-works_with: 
+ha_works_with: 
   - local
 ---