diff --git a/packages/opendesign/src/_styles/mixin.scss b/packages/opendesign/src/_styles/mixin.scss
index 47e00db3a94197b93b32740a659b712d51d78460..686841b4fc675e1169330eaab3d9fbd9e21833fa 100644
--- a/packages/opendesign/src/_styles/mixin.scss
+++ b/packages/opendesign/src/_styles/mixin.scss
@@ -99,3 +99,13 @@ $breakpoints: (
     }
   }
 }
+
+@mixin min-dpr($min) {
+  // Safari versions below 16 do not support the resolution media query and require the use of -webkit-device-pixel-ratio.
+  @media (-webkit-min-device-pixel-ratio: $min) {
+    @content;
+  }
+  @media (min-resolution: #{$min}dppx) {
+    @content;
+  }
+}
diff --git a/packages/opendesign/src/divider/style/index.scss b/packages/opendesign/src/divider/style/index.scss
index e6b6f59b06731c7cec52d32669a01b1cb474daeb..8bb47c5840ef5591b0176e882570a9878c439b64 100644
--- a/packages/opendesign/src/divider/style/index.scss
+++ b/packages/opendesign/src/divider/style/index.scss
@@ -1,3 +1,3 @@
 @use './style.scss' as *;
-@use './media.scss' as *;
 @use './var.scss' as *;
+@use './media.scss' as *;
diff --git a/packages/opendesign/src/divider/style/media.scss b/packages/opendesign/src/divider/style/media.scss
index 8c2486fa1aaa2103f3fd09e4930730ad4ecf34ad..daa26ad390d919b6476673728bfde743c5b8e265 100644
--- a/packages/opendesign/src/divider/style/media.scss
+++ b/packages/opendesign/src/divider/style/media.scss
@@ -5,7 +5,9 @@
     --o-divider-text-size: var(--o-font_size-tip1);
     --o-divider-text-height: var(--o-line_height-tip1);
   }
+}
 
+@include min-dpr(2) {
   .o-divider-line {
     transform: scaleY(0.5);
   }