diff --git a/packages/orbit-components/src/Hide/__tests__/index.test.tsx b/packages/orbit-components/src/Hide/__tests__/index.test.tsx
index 9d1b4cf328..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-mm:hidden lm-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 b76468c14c..90190dfbc4 100644
--- a/packages/orbit-components/src/Hide/index.tsx
+++ b/packages/orbit-components/src/Hide/index.tsx
@@ -8,11 +8,11 @@ import type { Props } from "./types";
 const Hide = ({ on = [], block, children }: Props) => (
   <div
     className={cx(block ? "block" : "inline-block", {
-      "sm-mm:hidden": on.includes("smallMobile"),
-      "mm-lm:hidden": on.includes("mediumMobile"),
-      "lm-tb:hidden": on.includes("largeMobile"),
-      "tb-de:hidden": on.includes("tablet"),
-      "de-ld:hidden": on.includes("desktop"),
+      "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"),
+      "de:max-ld:hidden": on.includes("desktop"),
       "ld:hidden": on.includes("largeDesktop"),
     })}
   >
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 64f78eda0a..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-mm:hidden mm-lm:hidden lm-tb:hidden tb-de:hidden"
+        class="inline-block sm:max-mm:hidden mm:max-lm:hidden lm:max-tb:hidden tb:max-de:hidden"
       >
         kek
       </div>
diff --git a/packages/orbit-components/src/deprecated/Mobile/__tests__/index.test.tsx b/packages/orbit-components/src/deprecated/Mobile/__tests__/index.test.tsx
index 61a53e7c6c..818ed37e03 100644
--- a/packages/orbit-components/src/deprecated/Mobile/__tests__/index.test.tsx
+++ b/packages/orbit-components/src/deprecated/Mobile/__tests__/index.test.tsx
@@ -8,7 +8,7 @@ describe("Mobile", () => {
     render(<Mobile>kek</Mobile>);
     expect(screen.getByText("kek")).toMatchInlineSnapshot(`
       <div
-        class="inline-block de-ld:hidden ld:hidden"
+        class="inline-block de:max-ld:hidden ld:hidden"
       >
         kek
       </div>
diff --git a/packages/orbit-tailwind-preset/src/presets/__tests__/__snapshots__/configs.test.ts.snap b/packages/orbit-tailwind-preset/src/presets/__tests__/__snapshots__/configs.test.ts.snap
index b37a6b9c17..dd7ebba6cc 100644
--- a/packages/orbit-tailwind-preset/src/presets/__tests__/__snapshots__/configs.test.ts.snap
+++ b/packages/orbit-tailwind-preset/src/presets/__tests__/__snapshots__/configs.test.ts.snap
@@ -2999,33 +2999,11 @@ exports[`orbitPreset should match snapshot 1`] = `
     },
     "screens": {
       "de": "992px",
-      "de-ld": {
-        "max": "1199px",
-        "min": "992px",
-      },
       "ld": "1200px",
       "lm": "576px",
-      "lm-tb": {
-        "max": "767px",
-        "min": "576px",
-      },
       "mm": "414px",
-      "mm-lm": {
-        "max": "575px",
-        "min": "414px",
-      },
       "sm": "320px",
-      "sm-lm": {
-        "max": "575px",
-      },
-      "sm-mm": {
-        "max": "413px",
-      },
       "tb": "768px",
-      "tb-de": {
-        "max": "991px",
-        "min": "768px",
-      },
     },
     "scrollMargin": {
       "0": "0px",
diff --git a/packages/orbit-tailwind-preset/src/presets/components/index.ts b/packages/orbit-tailwind-preset/src/presets/components/index.ts
index 5bcba89c6a..5775c33a8c 100644
--- a/packages/orbit-tailwind-preset/src/presets/components/index.ts
+++ b/packages/orbit-tailwind-preset/src/presets/components/index.ts
@@ -27,8 +27,6 @@ const COLORS: Partial<ExportedComponentLevelTokens>[] = [
   "countryFlag",
 ];
 
-const px = (n: number) => `${n}px`;
-
 interface Options {
   /** default: true e.g. does not include default normalize styles */
   disablePreflight?: boolean;
@@ -88,28 +86,6 @@ const cfg = (options?: Options): Config => {
     },
     theme: {
       extend: {
-        screens: {
-          "sm-mm": { max: px(tokens.breakpointMediumMobile - 1) },
-          "sm-lm": {
-            max: px(tokens.breakpointLargeMobile - 1),
-          },
-          "mm-lm": {
-            min: px(tokens.breakpointMediumMobile),
-            max: px(tokens.breakpointLargeMobile - 1),
-          },
-          "lm-tb": {
-            min: px(tokens.breakpointLargeMobile),
-            max: px(tokens.breakpointTablet - 1),
-          },
-          "tb-de": {
-            min: px(tokens.breakpointTablet),
-            max: px(tokens.breakpointDesktop - 1),
-          },
-          "de-ld": {
-            min: px(tokens.breakpointDesktop),
-            max: px(tokens.breakpointLargeDesktop - 1),
-          },
-        },
         fontSize: {
           "heading-display": tokens.headingDisplayFontSize,
           "heading-display-subtitle": tokens.headingDisplaySubtitleFontSize,