diff --git a/source/components/logbook.markdown b/source/components/logbook.markdown
index ecfa48ca5f9..90a4243f721 100644
--- a/source/components/logbook.markdown
+++ b/source/components/logbook.markdown
@@ -9,11 +9,14 @@ sharing: true
 footer: true
 ---
 
-<img src='/images/screenshots/logbook.png' style='margin-left:10px; float: right;' height="100" />
-The logbook component provides a different perspective on the history of your house by showing all the changes that happened to your house in chronological order. [See the demo for a live example.](/demo/)
-<span class='clearfix'></span>
+<img src='/images/supported_brands/logbook.png' class='brand pull-right' />
+The logbook component provides a different perspective on the history of your house by showing all the changes that happened to your house in chronological order. [See the demo for a live example](/demo/).
+
+To enable the logbook in your installation, add the following to your `configuration.yaml` file:
 
 ```yaml
 # Example configuration.yaml entry
 logbook:
 ```
+
+<img src='/images/screenshots/logbook.png' style='margin-left:10px; float: right;' height="100" />