diff --git a/app/javascript/controllers/dashboard_section_controller.js b/app/javascript/controllers/dashboard_section_controller.js
index 6c7067ebe..154f89e55 100644
--- a/app/javascript/controllers/dashboard_section_controller.js
+++ b/app/javascript/controllers/dashboard_section_controller.js
@@ -33,7 +33,7 @@ export default class extends Controller {
 
   collapse(persist = true) {
     this.contentTarget.classList.add("hidden");
-    this.chevronTarget.classList.add("rotate-180");
+    this.chevronTarget.classList.add("-rotate-90");
     this.collapsedValue = true;
     if (this.hasButtonTarget) {
       this.buttonTarget.setAttribute("aria-expanded", "false");
@@ -45,7 +45,7 @@ export default class extends Controller {
 
   expand() {
     this.contentTarget.classList.remove("hidden");
-    this.chevronTarget.classList.remove("rotate-180");
+    this.chevronTarget.classList.remove("-rotate-90");
     this.collapsedValue = false;
     if (this.hasButtonTarget) {
       this.buttonTarget.setAttribute("aria-expanded", "true");
diff --git a/app/javascript/controllers/reports_section_controller.js b/app/javascript/controllers/reports_section_controller.js
index 6ed08a8b7..76aedf006 100644
--- a/app/javascript/controllers/reports_section_controller.js
+++ b/app/javascript/controllers/reports_section_controller.js
@@ -33,7 +33,7 @@ export default class extends Controller {
 
   collapse(persist = true) {
     this.contentTarget.classList.add("hidden");
-    this.chevronTarget.classList.add("rotate-180");
+    this.chevronTarget.classList.add("-rotate-90");
     this.collapsedValue = true;
     if (this.hasButtonTarget) {
       this.buttonTarget.setAttribute("aria-expanded", "false");
@@ -45,7 +45,7 @@ export default class extends Controller {
 
   expand() {
     this.contentTarget.classList.remove("hidden");
-    this.chevronTarget.classList.remove("rotate-180");
+    this.chevronTarget.classList.remove("-rotate-90");
     this.collapsedValue = false;
     if (this.hasButtonTarget) {
       this.buttonTarget.setAttribute("aria-expanded", "true");
diff --git a/app/javascript/controllers/transactions_section_controller.js b/app/javascript/controllers/transactions_section_controller.js
index ef2f7391c..67915a549 100644
--- a/app/javascript/controllers/transactions_section_controller.js
+++ b/app/javascript/controllers/transactions_section_controller.js
@@ -33,7 +33,7 @@ export default class extends Controller {
 
   collapse(persist = true) {
     this.contentTarget.classList.add("hidden");
-    this.chevronTarget.classList.add("rotate-180");
+    this.chevronTarget.classList.add("-rotate-90");
     this.collapsedValue = true;
     if (this.hasButtonTarget) {
       this.buttonTarget.setAttribute("aria-expanded", "false");
@@ -45,7 +45,7 @@ export default class extends Controller {
 
   expand() {
     this.contentTarget.classList.remove("hidden");
-    this.chevronTarget.classList.remove("rotate-180");
+    this.chevronTarget.classList.remove("-rotate-90");
     this.collapsedValue = false;
     if (this.hasButtonTarget) {
       this.buttonTarget.setAttribute("aria-expanded", "true");