diff --git a/scss/components/_accordion.scss b/scss/components/_accordion.scss
index 73f0ad86..60ceeac7 100644
--- a/scss/components/_accordion.scss
+++ b/scss/components/_accordion.scss
@@ -110,9 +110,17 @@
 
         &::after {
           float: left;
+          transform: rotate(90deg);
           background-position: left center;
         }
       }
+      &[open] {
+        > summary {
+          &::after {
+            transform: rotate(0);
+          }
+        }
+      }
     }
   }
 }
diff --git a/scss/components/_group.scss b/scss/components/_group.scss
index 536ac27b..7d273d08 100644
--- a/scss/components/_group.scss
+++ b/scss/components/_group.scss
@@ -129,4 +129,44 @@
       }
     }
   }
+
+  [dir="rtl"] {
+    #{$parent-selector} [role="search"],
+    #{$parent-selector} [role="group"] {
+      > *,
+      input:not([type="checkbox"], [type="radio"]),
+      select,
+      label {
+        &:not(:first-child) {
+          margin-right: 0;
+          margin-left: auto;
+          border-top-right-radius: 0;
+          border-top-left-radius: var(#{$css-var-prefix}border-radius);
+          border-bottom-right-radius: 0;
+          border-bottom-left-radius: var(#{$css-var-prefix}border-radius);
+        }
+
+        &:not(:last-child) {
+          border-top-right-radius: var(#{$css-var-prefix}border-radius);
+          border-top-left-radius: 0;
+          border-bottom-right-radius: var(#{$css-var-prefix}border-radius);
+          border-bottom-left-radius: 0;
+        }
+      }
+    }
+
+    button,
+    [type="submit"],
+    [type="reset"],
+    [type="button"],
+    [role="button"],
+    input:not([type="checkbox"], [type="radio"]),
+    select,
+    label {
+      &:not(:first-child) {
+        margin-right: calc(var(#{$css-var-prefix}border-width) * -1);
+        margin-left: auto;
+      }
+    }
+  }
 }