diff --git a/source/_components/discovery.markdown b/source/_components/discovery.markdown
index e255d524853..7815de51a2b 100644
--- a/source/_components/discovery.markdown
+++ b/source/_components/discovery.markdown
@@ -29,8 +29,10 @@ To load this component, add the following lines to your `configuration.yaml`:
 discovery:
 ```
 
-*Note:* The home-assistant server must be on the same network as the devices for uPnP discovery to work. 
+<p class='note'>
+The home-assistant server must be on the same network as the devices for uPnP discovery to work. 
 If running home-assistant in a docker container use switch `--net=host` to put it on the host's network.
+</p>
 
 If you are developing a new platform, please read [how to make your platform discoverable]({{site_root}}/developers/add_new_platform/#discovery).