diff --git a/ui/packages/consul-ui/app/components/debug/navigation/index.hbs b/ui/packages/consul-ui/app/components/debug/navigation/index.hbs
index d7373afe9912..995a96ab8b48 100644
--- a/ui/packages/consul-ui/app/components/debug/navigation/index.hbs
+++ b/ui/packages/consul-ui/app/components/debug/navigation/index.hbs
@@ -3,6 +3,6 @@
   SPDX-License-Identifier: BUSL-1.1
 }}
 
-  <li>
-    <a href={{href-to 'docs'}} target="_blank">Eng Docs</a>
-  </li>
+{{#let @dropdown as |DD|}}
+  <DD.Interactive @href={{href-to "docs"}} @isHrefExternal={{true}} @text="Eng docs" />
+{{/let}}
diff --git a/ui/packages/consul-ui/app/components/hashicorp-consul/index.hbs b/ui/packages/consul-ui/app/components/hashicorp-consul/index.hbs
index c35bc3539138..e65883f12a37 100644
--- a/ui/packages/consul-ui/app/components/hashicorp-consul/index.hbs
+++ b/ui/packages/consul-ui/app/components/hashicorp-consul/index.hbs
@@ -87,6 +87,7 @@
           <:actions>
             <Hds::Dropdown class='hds-side-nav__dropdown' @listPosition='left' as |dd|>
               <dd.ToggleIcon @icon='help' @text='Help & Support menu' />
+              <Debug::Navigation @dropdown={{dd}} />
               <dd.Interactive
                 @href={{env 'CONSUL_DOCS_URL'}}
                 @isHrefExternal={{true}}