diff --git a/src/app/components/dialogs/EditAccessNodesDialog.tsx b/src/app/components/dialogs/EditAccessNodesDialog.tsx
index 984e0fbf..5cb36c84 100644
--- a/src/app/components/dialogs/EditAccessNodesDialog.tsx
+++ b/src/app/components/dialogs/EditAccessNodesDialog.tsx
@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import { Dialog } from "..";
+import { Dialog, Tile } from "..";
 import { ServiceFactory, WaspClientService } from "../../../lib";
 import { PeeringNode } from "../../../lib/classes/services/peersService";
 
@@ -82,7 +82,6 @@ const EditAccessNodesDialog: React.FC<IEditAccessNodesDialog> = ({
         accessNodes.length === checkedNodes.length &&
         accessNodes.every((node, i) => node.publicKey === checkedNodes[i].publicKey)
     );
-
     return (
         <Dialog
             title="Edit access nodes"
@@ -118,10 +117,19 @@ const EditAccessNodesDialog: React.FC<IEditAccessNodesDialog> = ({
                     return (
                         <div className="access-nodes-item" key={node.publicKey}>
                             <input id={node.publicKey} type="checkbox" checked={isChecked} onChange={onChecked} />
-                            <label htmlFor={node.publicKey}>
-                                {node.peeringURL} <br />
-                                {node.publicKey}
-                            </label>
+                            <div
+                                className={`${isChecked ? "checked" : ""} access-nodes-item-box`}
+                                onClick={onChecked}
+                                onKeyDown={onChecked}
+                                role="button"
+                                tabIndex={0}
+                            >
+                                <Tile
+                                    displayHealth={node.isTrusted}
+                                    primaryText={node.publicKey}
+                                    secondaryText={`(${node.name}) ${node.peeringURL}`}
+                                />
+                            </div>
                         </div>
                     );
                 })}
diff --git a/src/app/routes/Chain.scss b/src/app/routes/Chain.scss
index 66325590..f6c5dd11 100644
--- a/src/app/routes/Chain.scss
+++ b/src/app/routes/Chain.scss
@@ -8,28 +8,27 @@
 
   .access-nodes-item {
     display: flex;
-    align-items: flex-start;
+    align-items: center;
     width: 100%;
-    margin-bottom: 16px;
 
     &:hover {
       color: var(--text-color-secondary);
     }
 
     input {
-      margin-top: 2px;
-      margin-right: 6px;
-      cursor: pointer;
-
-      @include phone-down {
-        margin-top: 4px;
-      }
+      display: none;
     }
 
-    label {
+    .access-nodes-item-box {
       flex: 1;
       word-break: break-all;
       cursor: pointer;
+
+      &.checked {
+        .tile-content {
+          background: #108cff33;
+        }
+      }
     }
   }
 }