diff --git a/src/layouts/partials/tea-two-ways.html b/src/layouts/partials/tea-two-ways.html
index 7ec767a..31eb925 100644
--- a/src/layouts/partials/tea-two-ways.html
+++ b/src/layouts/partials/tea-two-ways.html
@@ -22,13 +22,17 @@
     {{- partial "click-to-copy.html" . -}}
     <p class="no-installer grid-gray text-center small twoway-boiler"><span class="tea">tea</span> is a stand&#8208;alone binary. See <a class="install-link" href="https://docs.tea.xyz/getting-started/install-tea/without-installer">our docs</a> for more installation methods, including&nbsp;<span class="tea brew-install no-break pe-2">brew install</span>&nbsp;.</p>
     <div class="dropdown">
-    <button onclick="toggleDropdown()" class="dropbtn hbtn-light hb-light-fill-right">Additional Install Options</button>
-    <div id="myDropdown" class="dropdown-content">
-      <a href="https://docs.tea.xyz/getting-started/install-tea/without-installer#a-fancy-one-liner">fancy one-liner</a>
-      <a href="https://docs.tea.xyz/getting-started/install-tea/without-installer#via-homebrew">hombrew</a>
-      <a href="https://docs.tea.xyz/getting-started/install-tea/without-installer#via-docker">via docker</a>
+      <button onclick="toggleDropdown()" class="dropbtn hbtn-light hb-light-fill-right">
+        Additional Install Options
+        <span id="arrow" class="arrow" style="font-size:16px;">&#8250;</span>
+      </button>
+      <div id="myDropdown" class="dropdown-content">
+        <a href="https://docs.tea.xyz/getting-started/install-tea/without-installer#a-fancy-one-liner">fancy one-liner</a>
+        <a href="https://docs.tea.xyz/getting-started/install-tea/without-installer#via-homebrew">hombrew</a>
+        <a href="https://docs.tea.xyz/getting-started/install-tea/without-installer#via-docker">via docker</a>
+      </div>
     </div>
-  </div>
+
   </div>
 </div>
 
@@ -105,22 +109,38 @@
     content: "\00a0"; /* non-breaking space character */
   }
 
+  .arrow {
+    transition: transform 0.3s;
+    display: inline-block;
+    margin-left: 5px;
+  }
+
+  .rotated {
+    transform: rotate(90deg);
+  }
+
+
 </style>
 
 <script>
 
   function toggleDropdown() {
     var dropdown = document.getElementById("myDropdown");
+    var arrow = document.getElementById("arrow");
     dropdown.classList.toggle("show");
+    arrow.classList.toggle("rotated", dropdown.classList.contains("show"));
   }
 
   window.onclick = function(event) {
     if (!event.target.matches('.dropbtn')) {
       var dropdowns = document.getElementsByClassName("dropdown-content");
+      var arrows = document.getElementsByClassName("arrow");
       for (var i = 0; i < dropdowns.length; i++) {
         var openDropdown = dropdowns[i];
+        var arrow = arrows[i];
         if (openDropdown.classList.contains('show')) {
           openDropdown.classList.remove('show');
+          arrow.classList.remove('rotated');
         }
       }
     }