diff --git a/packages/orbit-components/src/Hide/__tests__/index.test.tsx b/packages/orbit-components/src/Hide/__tests__/index.test.tsx
index adfbc745a4..9afa18c73f 100644
--- a/packages/orbit-components/src/Hide/__tests__/index.test.tsx
+++ b/packages/orbit-components/src/Hide/__tests__/index.test.tsx
@@ -12,7 +12,7 @@ describe("Hide", () => {
     );
     expect(container.childNodes[1]).toMatchInlineSnapshot(`
       <div
-        class="inline-block sm:max-lm:hidden lm:max-tb:hidden ld:hidden"
+        class="inline-block sm:max-mm:hidden lm:max-tb:hidden ld:hidden"
       >
         content
       </div>
diff --git a/packages/orbit-components/src/Hide/index.tsx b/packages/orbit-components/src/Hide/index.tsx
index 7bcad5c29d..90190dfbc4 100644
--- a/packages/orbit-components/src/Hide/index.tsx
+++ b/packages/orbit-components/src/Hide/index.tsx
@@ -8,7 +8,7 @@ import type { Props } from "./types";
 const Hide = ({ on = [], block, children }: Props) => (
   <div
     className={cx(block ? "block" : "inline-block", {
-      "sm:max-lm:hidden": on.includes("smallMobile"),
+      "sm:max-mm:hidden": on.includes("smallMobile"),
       "mm:max-lm:hidden": on.includes("mediumMobile"),
       "lm:max-tb:hidden": on.includes("largeMobile"),
       "tb:max-de:hidden": on.includes("tablet"),
diff --git a/packages/orbit-components/src/Modal/ModalFooter/index.tsx b/packages/orbit-components/src/Modal/ModalFooter/index.tsx
index f8878e71cb..70a5e00f1d 100644
--- a/packages/orbit-components/src/Modal/ModalFooter/index.tsx
+++ b/packages/orbit-components/src/Modal/ModalFooter/index.tsx
@@ -72,7 +72,7 @@ const ModalFooter = ({ dataTest, children, flex = "0 1 auto" }: Props) => {
         "orbit-modal-footer",
         "z-overlay bg-white-normal px-md pb-md box-border flex w-full pt-0",
         "duration-fast transition-shadow ease-in-out",
-        "sm-lm:[&_.orbit-button-primitive]:h-form-box-normal sm-lm:[&_.orbit-button-primitive]:text-button-normal",
+        "sm:max-lm:[&_.orbit-button-primitive]:h-form-box-normal sm:max-lm:[&_.orbit-button-primitive]:text-button-normal",
         childrenLength > 1 ? "lm:justify-between" : "lm:justify-end",
         !isMobileFullPage && "lm:rounded-b-modal",
         "[&_.orbit-modal-footer-child:last-of-type]:p-0",
diff --git a/packages/orbit-components/src/deprecated/Desktop/__tests__/index.test.tsx b/packages/orbit-components/src/deprecated/Desktop/__tests__/index.test.tsx
index 295646d531..2353313f2f 100644
--- a/packages/orbit-components/src/deprecated/Desktop/__tests__/index.test.tsx
+++ b/packages/orbit-components/src/deprecated/Desktop/__tests__/index.test.tsx
@@ -8,7 +8,7 @@ describe("Desktop", () => {
     render(<Desktop>kek</Desktop>);
     expect(screen.getByText("kek")).toMatchInlineSnapshot(`
       <div
-        class="inline-block sm:max-lm:hidden mm:max-lm:hidden lm:max-tb:hidden tb:max-de:hidden"
+        class="inline-block sm:max-mm:hidden mm:max-lm:hidden lm:max-tb:hidden tb:max-de:hidden"
       >
         kek
       </div>