diff --git a/src/components/unstyled/drawer.css b/src/components/unstyled/drawer.css
index 219b88a58c3..69d75534667 100644
--- a/src/components/unstyled/drawer.css
+++ b/src/components/unstyled/drawer.css
@@ -55,6 +55,12 @@
 [dir="rtl"] .drawer-toggle:checked ~ .drawer-side > .drawer-overlay + * {
   @apply translate-x-0;
 }
+[dir="rtl"] .drawer.drawer-end > .drawer-toggle ~ .drawer-side > .drawer-overlay + * {
+  --tw-translate-x: -100%;
+}
+[dir="rtl"] .drawer.drawer-end > .drawer-toggle:checked ~ .drawer-side > .drawer-overlay + * {
+  --tw-translate-x: 0px;
+}
 
 @media (min-width: 1024px) {
   .drawer-mobile {