diff --git a/source/_docs/configuration.markdown b/source/_docs/configuration.markdown
index f957db59958..a7edde6d1e1 100644
--- a/source/_docs/configuration.markdown
+++ b/source/_docs/configuration.markdown
@@ -13,10 +13,10 @@ The easiest option to edit `configuration.yaml` is to use the {% my supervisor_a
 
 If you prefer to use a file editor on your computer, use the {% my supervisor_addon title="Samba add-on" addon="core_samba" %} to access the files as a network share.
 
-The path to your configuration directory can be found in the Home Assistant frontend by going to {% my info title="Settings > About" %}
+The path to your configuration directory can be found in the Home Assistant frontend by going to {% my system_health title="Settings > System > System Health" %}
 
 <p class='img'>
-  <img src='/images/screenshots/panel_config_info.png' alt='Screenshot showing the top of the info panel'>
+  <img src='/images/screenshots/system_health_config_dir.png' alt='Screenshot showing the top of the system health panel'>
   Right under the version you are running, you will find what path Home Assistant has loaded the configuration from.
 </div>
 
diff --git a/source/images/screenshots/panel_config_info.png b/source/images/screenshots/panel_config_info.png
deleted file mode 100644
index 1ebe959dfe7..00000000000
Binary files a/source/images/screenshots/panel_config_info.png and /dev/null differ
diff --git a/source/images/screenshots/system_health_config_dir.png b/source/images/screenshots/system_health_config_dir.png
new file mode 100644
index 00000000000..e62393e861e
Binary files /dev/null and b/source/images/screenshots/system_health_config_dir.png differ