diff --git a/ui/packages/consul-ui/app/components/consul/node/agentless-notice/index.scss b/ui/packages/consul-ui/app/components/consul/node/agentless-notice/index.scss
new file mode 100644
index 0000000000..fc4b21ac93
--- /dev/null
+++ b/ui/packages/consul-ui/app/components/consul/node/agentless-notice/index.scss
@@ -0,0 +1,4 @@
+.agentless-node-notice header {
+  display: flex;
+  justify-content: space-between;
+}
diff --git a/ui/packages/consul-ui/app/controllers/dc/nodes/index.js b/ui/packages/consul-ui/app/controllers/dc/nodes/index.js
index 609bc5a589..56c35902b7 100644
--- a/ui/packages/consul-ui/app/controllers/dc/nodes/index.js
+++ b/ui/packages/consul-ui/app/controllers/dc/nodes/index.js
@@ -1,9 +1,3 @@
 import PeeredResourceController from 'consul-ui/controllers/_peered-resource';
-import { action } from '@ember/object';
 
-export default class DcNodesController extends PeeredResourceController {
-  @action
-  dismissAgentlessNotice() {
-    console.log('dismiss this here')
-  }
-}
+export default class DcNodesController extends PeeredResourceController {}
diff --git a/ui/packages/consul-ui/app/styles/components.scss b/ui/packages/consul-ui/app/styles/components.scss
index 4a7e7b9e05..656b05cf1c 100644
--- a/ui/packages/consul-ui/app/styles/components.scss
+++ b/ui/packages/consul-ui/app/styles/components.scss
@@ -110,3 +110,4 @@
 @import 'consul-ui/components/consul/peer/info';
 @import 'consul-ui/components/consul/peer/form';
 @import 'consul-ui/components/consul/hcp/home';
+@import 'consul-ui/components/consul/node/agentless-notice';
diff --git a/ui/packages/consul-ui/app/styles/routes/dc/nodes/index.scss b/ui/packages/consul-ui/app/styles/routes/dc/nodes/index.scss
index eb2f30f548..aa433dc904 100644
--- a/ui/packages/consul-ui/app/styles/routes/dc/nodes/index.scss
+++ b/ui/packages/consul-ui/app/styles/routes/dc/nodes/index.scss
@@ -4,7 +4,3 @@ html[data-route^='dc.nodes.show.metadata'] table tr {
 html[data-route^='dc.nodes.show.sessions'] .consul-lock-session-list {
   @extend %list-after-secondary-nav;
 }
-html[data-route^='dc.nodes.index'] .agentless-node-notice header {
-  display: flex;
-  justify-content: space-between;
-}
diff --git a/ui/packages/consul-ui/tests/integration/components/consul/node/agentless-notice-test.js b/ui/packages/consul-ui/tests/integration/components/consul/node/agentless-notice-test.js
index 6f42c102c7..a037317127 100644
--- a/ui/packages/consul-ui/tests/integration/components/consul/node/agentless-notice-test.js
+++ b/ui/packages/consul-ui/tests/integration/components/consul/node/agentless-notice-test.js
@@ -38,7 +38,7 @@ module('Integration | Component | consul node agentless-notice', function (hooks
     this.set('nodes', [
       {
         Meta: {
-          'synthetic-node': false,
+          'synthetic-node': true,
         },
       },
     ]);