diff --git a/app/javascript/styles/mastodon/about.scss b/app/javascript/styles/mastodon/about.scss
index cb4885a7e8..3f8145ea6d 100644
--- a/app/javascript/styles/mastodon/about.scss
+++ b/app/javascript/styles/mastodon/about.scss
@@ -85,6 +85,11 @@ $fluid-breakpoint: $maximum-width + 20px;
       display: none;
     }
 
+    &[aria-expanded='true'] .icon-expand,
+    &[aria-expanded='false'] .icon-collapse {
+      display: none;
+    }
+
     .icon {
       width: 1lh;
       height: 1lh;
diff --git a/app/views/auth/rule_translations/_rule_translation.html.haml b/app/views/auth/rule_translations/_rule_translation.html.haml
index a8c307270f..cbb53acdf4 100644
--- a/app/views/auth/rule_translations/_rule_translation.html.haml
+++ b/app/views/auth/rule_translations/_rule_translation.html.haml
@@ -4,5 +4,6 @@
     .rules-list__hint{ tabIndex: -1 }
       %span.rules-list__hint-text= rule_translation.hint
       %button.rules-list__toggle-button{ type: 'button', hidden: true, 'aria-expanded': 'false' }
-        = material_symbol('more_horiz')
+        = material_symbol('keyboard_arrow_up', { class: 'icon-collapse' })
+        = material_symbol('more_horiz', { class: 'icon-expand' })
         %span.sr-only= t('auth.rules.read_more')