diff --git a/web/static/css/tailwind.css b/web/static/css/tailwind.css
index b7c1ddd..f8fcdee 100644
--- a/web/static/css/tailwind.css
+++ b/web/static/css/tailwind.css
@@ -1878,7 +1878,7 @@ code {
   display: flex;
 }
 
-.\[\&_svg\]\:open\:-rotate-180[open] svg {
-  --tw-rotate: -180deg;
+.\[\&_svg\]\:open\:rotate-90[open] svg {
+  --tw-rotate: 90deg;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
diff --git a/web/templates/pages/index.tmpl b/web/templates/pages/index.tmpl
index 3ec81ec..cbda385 100644
--- a/web/templates/pages/index.tmpl
+++ b/web/templates/pages/index.tmpl
@@ -84,7 +84,7 @@
         </div>
         {{ range $group, $monitorsAndStatus := .Monitors }}
           <details
-            class="bg-white shadow-md rounded-lg p-6 py-4 gap-2 [&_svg]:open:-rotate-180"
+            class="bg-white shadow-md rounded-lg p-6 py-4 gap-2 [&_svg]:open:rotate-90"
           >
             <summary
               class="flex flex-row gap-2 p-3 py-2 -mx-3 cursor-pointer hover:bg-blue-50 rounded-lg"
@@ -108,7 +108,7 @@
               <svg
                 class="feather h-6 w-6 overflow-visible self-center transition-all duration-300"
               >
-                <use href="/static/icons/feather-sprite.svg#chevron-down" />
+                <use href="/static/icons/feather-sprite.svg#chevron-right" />
               </svg>
             </summary>
             {{ range $monitorsAndStatus.Monitors }}