diff --git a/src/components/dialog/dialog.styles.ts b/src/components/dialog/dialog.styles.ts
index fd9d1fea3..92f0ea028 100644
--- a/src/components/dialog/dialog.styles.ts
+++ b/src/components/dialog/dialog.styles.ts
@@ -37,6 +37,12 @@ export default css`
     box-shadow: var(--sl-shadow-x-large);
   }
 
+  @media (forced-colors: active) {
+    .dialog__panel {
+      border: solid 1px var(--sl-color-neutral-0);
+    }
+  }
+
   .dialog__panel:focus {
     outline: none;
   }
diff --git a/src/components/drawer/drawer.styles.ts b/src/components/drawer/drawer.styles.ts
index 2f2c7e81f..ceeedf052 100644
--- a/src/components/drawer/drawer.styles.ts
+++ b/src/components/drawer/drawer.styles.ts
@@ -50,6 +50,12 @@ export default css`
     outline: none;
   }
 
+  @media (forced-colors: active) {
+    .drawer__panel {
+      border: solid 1px var(--sl-color-neutral-0);
+    }
+  }
+
   .drawer--top .drawer__panel {
     top: 0;
     inset-inline-end: auto;