replaced h3 with h2 where appropriate

src/components/IOC/AdministerUndeployment/AdministerUndeployment.js

@@ -114,6 +114,7 @@ export default function AdministerUndeployment({ ioc, buttonDisabled }) {
         <Box sx={{ pt: 2 }}>
           <Typography
             sx={{ my: 2.5 }}
+            component="h2"
             variant="h3"
           >
             Change deployment status to not deployed (e.g. if IOC has been

src/components/IOC/ChangeHostAdmin/ChangeHostAdmin.js

@@ -152,6 +152,7 @@ export default function ChangeHostAdmin({
         <Box sx={{ pt: 2 }}>
           <Typography
             sx={{ my: 2.5 }}
+            component="h2"
             variant="h3"
           >
             Change deployment host

src/components/IOC/IOCDelete/IOCDelete.js

 import { useState, useEffect, useCallback, useContext, useMemo } from "react";
 import { useNavigate } from "react-router-dom";
 import { useCustomSnackbar } from "../../common/snackbar";
-import { Box, Button, Typography, Grid, Tooltip } from "@mui/material";
+import { Box, Button, Grid, Tooltip, Typography } from "@mui/material";
 import { ConfirmDangerActionDialog } from "@ess-ics/ce-ui-common";
 import Alert from "@mui/material/Alert";
 import AccessControl from "../../auth/AccessControl";
@@ -80,6 +80,7 @@ export default function IOCDelete({ ioc, buttonDisabled, setButtonDisabled }) {
       <Box sx={{ pt: 2 }}>
         <Typography
           sx={{ my: 2.5 }}
+          component="h2"
           variant="h3"
         >
           Delete IOC

src/components/IOC/IOCDetailAdmin/IOCDetailAdmin.js

@@ -292,6 +292,7 @@ export default function IOCDetailAdmin({
       <Box sx={{ pt: 2 }}>
         <Typography
           sx={{ my: 2.5 }}
+          component="h2"
           variant="h3"
         >
           Modify IOC

src/components/IOC/IOCLiveStatus/IOCLiveStatus.js

@@ -84,7 +84,14 @@ export function IOCLiveStatus({ ioc }) {
       >
         {liveIOC.activeDeployment?.host?.externalIdValid && (
           <SimpleAccordion
-            summary="IOC log stream"
+            summary={
+              <Typography
+                component="h2"
+                variant="h3"
+              >
+                IOC log stream
+              </Typography>
+            }
             expanded={deserialize(state.log_stream_open)}
             onChange={(_, expanded) =>
               setState({ log_stream_open: serialize(expanded) })
@@ -100,7 +107,14 @@ export function IOCLiveStatus({ ioc }) {
           </SimpleAccordion>
         )}
         <SimpleAccordion
-          summary="Records"
+          summary={
+            <Typography
+              component="h2"
+              variant="h3"
+            >
+              Records
+            </Typography>
+          }
           expanded={deserialize(state.records_open)}
           onChange={(_, expanded) =>
             setState({ records_open: serialize(expanded) })

src/components/IOC/IOCManage/IOCManage.js

@@ -209,7 +209,12 @@ export function IOCManage({
           renderNoAccess={() => <></>}
         >
           <Stack gap={2}>
-            <Typography variant="h3">Operations</Typography>
+            <Typography
+              component="h2"
+              variant="h3"
+            >
+              Operations
+            </Typography>
             <JobTable
               jobs={operations}
               pagination={pagination}