diff --git a/source/_includes/asides/component_navigation.html b/source/_includes/asides/component_navigation.html
index 66e78373bdd..44ff45602d3 100644
--- a/source/_includes/asides/component_navigation.html
+++ b/source/_includes/asides/component_navigation.html
@@ -5,6 +5,8 @@
{%- if page.logo -%}

+ {%- else -%}
+

{%- endif -%}
diff --git a/source/integrations/index.html b/source/integrations/index.html
index 6882ffabd39..ae02ee938d9 100644
--- a/source/integrations/index.html
+++ b/source/integrations/index.html
@@ -95,7 +95,7 @@ var allComponents = [
{% capture category %}"{{ ha_category | slugify | downcase }}"{% endcapture %}
{% assign categories = categories | push: category %}
{%- endfor -%}
- {url:"{{ component.url }}", title:"{{component.title}}", cat: [{{categories|join: ","}}], featured: {% if component.featured %}true{% else %}false{% endif %}, v: "{{major_version}}.{{minor_version}}", logo: "{{component.logo}}"},
+ {url:"{{ component.url }}", title:"{{component.title}}", cat: [{{categories|join: ","}}], featured: {% if component.featured %}true{% else %}false{% endif %}, v: "{{major_version}}.{{minor_version}}", logo: "{{component.logo}}", domain: "{{component.ha_domain}}"},
{% endif -%}
{%- endfor -%}
false
@@ -144,7 +144,7 @@ allComponents.pop(); // remove placeholder element at the end
components: [],
image: function () {
if (this.logo === '') {
- return '';
+ return '
';
} else {
return '
';
}