From da48099559254a7e3a554a5d8a316dd8428bf138 Mon Sep 17 00:00:00 2001
From: Pouya Saadeghi <pouya.saadeghi@gmail.com>
Date: Fri, 11 Nov 2022 12:52:57 +0300
Subject: [PATCH] fix: #1344

---
 src/components/styled/card.css  | 16 ++++++++--------
 src/utilities/unstyled/card.css | 16 ++++++++--------
 2 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/src/components/styled/card.css b/src/components/styled/card.css
index d775cf50ac2..4bb602c63cd 100644
--- a/src/components/styled/card.css
+++ b/src/components/styled/card.css
@@ -2,17 +2,17 @@
   @apply rounded-box;
   :where(figure:first-child) {
     @apply overflow-hidden;
-    border-top-left-radius: inherit;
-    border-top-right-radius: inherit;
-    border-bottom-left-radius: unset;
-    border-bottom-right-radius: unset;
+    border-start-start-radius: inherit;
+    border-start-end-radius: inherit;
+    border-end-start-radius: unset;
+    border-end-end-radius: unset;
   }
   :where(figure:last-child) {
     @apply overflow-hidden;
-    border-top-left-radius: unset;
-    border-top-right-radius: unset;
-    border-bottom-left-radius: inherit;
-    border-bottom-right-radius: inherit;
+    border-start-start-radius: unset;
+    border-start-end-radius: unset;
+    border-end-start-radius: inherit;
+    border-end-end-radius: inherit;
   }
   &:focus-visible {
     outline: 2px solid currentColor;
diff --git a/src/utilities/unstyled/card.css b/src/utilities/unstyled/card.css
index a7033c66e64..57acab7edb9 100644
--- a/src/utilities/unstyled/card.css
+++ b/src/utilities/unstyled/card.css
@@ -3,17 +3,17 @@
   flex-direction: row;
   :where(figure:first-child) {
     @apply overflow-hidden;
-    border-top-left-radius: inherit;
-    border-top-right-radius: unset;
-    border-bottom-left-radius: inherit;
-    border-bottom-right-radius: unset;
+    border-start-start-radius: inherit;
+    border-start-end-radius: unset;
+    border-end-start-radius: inherit;
+    border-end-end-radius: unset;
   }
   :where(figure:last-child) {
     @apply overflow-hidden;
-    border-top-left-radius: unset;
-    border-top-right-radius: inherit;
-    border-bottom-left-radius: unset;
-    border-bottom-right-radius: inherit;
+    border-start-start-radius: unset;
+    border-start-end-radius: inherit;
+    border-end-start-radius: unset;
+    border-end-end-radius: inherit;
   }
   & figure > * {
     max-width: unset;