diff --git a/src/views/host/details/HostDetailsView.js b/src/views/host/details/HostDetailsView.js
index 23ee28f4f0eeacc7624085917b3c1fe139fedd07..69abc38ec7637459c8479a5661fe420337bd87f3 100644
--- a/src/views/host/details/HostDetailsView.js
+++ b/src/views/host/details/HostDetailsView.js
@@ -64,7 +64,7 @@ export function HostDetailsView({ hostId, host }) {
         <>
           <AlertBannerList alerts={host.alerts ?? []} />
           <HostBadge host={host} />
-          <Stack>
+          <Stack gap={2}>
             <HostIocSection
               hostId={hostId}
               rows={deserialize(urlState.iocs_rows)}
@@ -85,18 +85,32 @@ export function HostDetailsView({ hostId, host }) {
             renderNoAccess={() => <></>}
           >
             <SimpleAccordion
-              summary="Host details"
+              summary={
+                <Typography
+                  variant="h3"
+                  component="h2"
+                >
+                  Host details
+                </Typography>
+              }
               expanded={deserialize(urlState.details_open)}
               onChange={(_, expanded) =>
                 setUrlState({ details_open: serialize(expanded) })
               }
-              sx={{ marginTop: "0 !important" }}
             >
               <HostDetailsTable host={host} />
             </SimpleAccordion>
 
-            <Stack gap={2}>
-              <Typography variant="h3">Host log stream</Typography>
+            <Stack
+              gap={2}
+              sx={{ marginTop: "10px" }}
+            >
+              <Typography
+                variant="h3"
+                component="h2"
+              >
+                Host log stream
+              </Typography>
               <LokiPanel
                 host={host}
                 isSyslog
diff --git a/src/views/host/details/HostIocSection.js b/src/views/host/details/HostIocSection.js
index f005c0833566527abd8ea3bedc899566fd5ee33a..5f70193cd49f7b6311dbabf29538191b32874dfd 100644
--- a/src/views/host/details/HostIocSection.js
+++ b/src/views/host/details/HostIocSection.js
@@ -65,7 +65,12 @@ export const HostIocSection = ({ hostId, rows, page, onUrlStateChange }) => {
 
   return (
     <>
-      <Typography variant="h2">IOCs</Typography>
+      <Typography
+        variant="h3"
+        component="h2"
+      >
+        IOCs
+      </Typography>
       <IOCTable
         iocs={iocs?.deployedIocs}
         loading={loading || !dataReady}
diff --git a/src/views/host/details/HostJobsSection.js b/src/views/host/details/HostJobsSection.js
index 539afcc0f1add96cc6a8bebb897b58c7b460c9c0..277f96728d3355be272992be92818b34013a7839 100644
--- a/src/views/host/details/HostJobsSection.js
+++ b/src/views/host/details/HostJobsSection.js
@@ -9,7 +9,7 @@ import {
   usePagination
 } from "@ess-ics/ce-ui-common";
 import { JobTable } from "../../../components/Job";
-import { Alert } from "@mui/material";
+import { Alert, Typography } from "@mui/material";
 
 const propTypes = {
   hostId: string.isRequired,
@@ -82,7 +82,14 @@ export const HostJobsSection = ({
 
   return (
     <SimpleAccordion
-      summary="Job log"
+      summary={
+        <Typography
+          variant="h3"
+          component="h2"
+        >
+          Job log
+        </Typography>
+      }
       onChange={(_, isExpanded) =>
         onUrlStateChange({ job_log_open: serialize(isExpanded) })
       }