diff --git a/src/interface/desktop/chat.html b/src/interface/desktop/chat.html
index 3e719fe4..a2a49ea1 100644
--- a/src/interface/desktop/chat.html
+++ b/src/interface/desktop/chat.html
@@ -1695,9 +1695,10 @@
             content: "▶";
             margin-right: 5px;
             display: inline-block;
-            transition: transform 0.3s ease-in-out;
+            transition: transform 0.1s ease-in-out;
         }
 
+        button.reference-button.expanded::before,
         button.reference-button:active:before,
         button.reference-button[aria-expanded="true"]::before {
             transform: rotate(90deg);
diff --git a/src/interface/obsidian/styles.css b/src/interface/obsidian/styles.css
index 67154035..ec28eebd 100644
--- a/src/interface/obsidian/styles.css
+++ b/src/interface/obsidian/styles.css
@@ -183,8 +183,9 @@ button.reference-button::before {
     content: "▶";
     margin-right: 5px;
     display: inline-block;
-    transition: transform 0.3s ease-in-out;
+    transition: transform 0.1s ease-in-out;
 }
+button.reference-button.expanded::before,
 button.reference-button:active:before,
 button.reference-button[aria-expanded="true"]::before {
     transform: rotate(90deg);
diff --git a/src/khoj/interface/web/chat.html b/src/khoj/interface/web/chat.html
index 0d1004d7..e4a172ff 100644
--- a/src/khoj/interface/web/chat.html
+++ b/src/khoj/interface/web/chat.html
@@ -2047,9 +2047,10 @@ To get started, just start typing below. You can also type / to see a list of co
             content: "▶";
             margin-right: 5px;
             display: inline-block;
-            transition: transform 0.3s ease-in-out;
+            transition: transform 0.1s ease-in-out;
         }
 
+        button.reference-button.expanded::before,
         button.reference-button:active:before,
         button.reference-button[aria-expanded="true"]::before {
             transform: rotate(90deg);