New source found from dndbeyond.com

ddb_main/tools/js/CharacterSheet/containers/mobile/ActionsMobile/ActionsMobile.tsx

@@ -1,18 +1,22 @@
-import { visuallyHidden } from "@mui/utils";
 import React from "react";
 import { connect, DispatchProp } from "react-redux";
+import { AnyAction } from "redux";
 
 import {
   CharacterTheme,
   rulesEngineSelectors,
 } from "@dndbeyond/character-rules-engine/es";
 
+import a11yStyles from "~/styles/accessibility.module.css";
+
 import MobileDivider from "../../../components/MobileDivider";
 import SubsectionMobile from "../../../components/SubsectionMobile";
 import { SheetAppState } from "../../../typings";
 import Actions from "../../Actions";
 
-interface Props extends DispatchProp {
+// TODO: We are typing with AnyAction here to work around issues with UnknownAction, the type that was introduced in Redux 5.
+// If we decide to modernize to Redux 5, we will need to refactor much of the Rules Engine redux usage.
+interface Props extends DispatchProp<AnyAction> {
   theme: CharacterTheme;
 }
 class ActionsMobile extends React.PureComponent<Props> {
@@ -21,12 +25,12 @@ class ActionsMobile extends React.PureComponent<Props> {
 
     return (
       <SubsectionMobile>
+        <MobileDivider label="Actions" theme={theme} />
         <section className="ct-actions-mobile">
-          <h2 style={visuallyHidden}>Actions</h2>
-          <MobileDivider label="Actions" theme={theme} />
+          <h2 className={a11yStyles.screenreaderOnly}>Actions</h2>
           <Actions showNotes={false} />
-          <MobileDivider isEnd={true} theme={theme} />
         </section>
+        <MobileDivider isEnd={true} theme={theme} />
       </SubsectionMobile>
     );
   }