diff --git a/src/views/host/HostDetailsView.js b/src/views/host/HostDetailsView.js
index a61069f63bbc2d0f9202dd9d848e2755295fcfb7..379241dfcbfee661e58ca3583d5e6b93ac0bd5a9 100644
--- a/src/views/host/HostDetailsView.js
+++ b/src/views/host/HostDetailsView.js
@@ -212,16 +212,16 @@ export function HostDetailsView({ id }) {
           onPage={onPage}
         />
       </SimpleAccordion>
-      <SimpleAccordion
-        summary="Host details"
-        expanded={deserialize(urlState.details_open)}
-        onChange={(event, expanded) =>
-          setUrlState({ details_open: serialize(expanded) })
-        }
+      <AccessControl
+        allowedRoles={["DeploymentToolAdmin", "DeploymentToolIntegrator"]}
+        renderNoAccess={() => <></>}
       >
-        <AccessControl
-          allowedRoles={["DeploymentToolAdmin", "DeploymentToolIntegrator"]}
-          renderNoAccess={() => <></>}
+        <SimpleAccordion
+          summary="Host details"
+          expanded={deserialize(urlState.details_open)}
+          onChange={(event, expanded) =>
+            setUrlState({ details_open: serialize(expanded) })
+          }
         >
           {host && (
             <KeyValueTable
@@ -231,8 +231,8 @@ export function HostDetailsView({ id }) {
               valueOptions={{ headerName: "" }}
             />
           )}
-        </AccessControl>
-      </SimpleAccordion>
+        </SimpleAccordion>
+      </AccessControl>
       <AccessControl
         allowedRoles={["DeploymentToolAdmin", "DeploymentToolIntegrator"]}
         renderNoAccess={() => <></>}