diff --git a/atlas/templates/atlas/case_select_widget.html b/atlas/templates/atlas/case_select_widget.html
index 9db6893f..9532a50d 100644
--- a/atlas/templates/atlas/case_select_widget.html
+++ b/atlas/templates/atlas/case_select_widget.html
@@ -10,8 +10,8 @@
             show .case-option in #case-options when its textContent contains my value
            ">
   <ul id="case-options">
-    {% for group_name, group_choices, group_index in widget.optgroups %}
-      {% for widget in group_choices %}
+    {% for group_name, group_choices, group_index in widget.optgroups reversed %}
+      {% for widget in group_choices reversed %}
 
         {% with widget.value.instance as case %}
           {% if not forloop.parentloop.first %}
@@ -20,7 +20,7 @@
                 <span class="p-2">{{case.id}}</span>
                 <span class="p-2">{{case.title}}</span>
                 <span class="p-2">{{case.created_date}}</span>
-                <button class="p-2 btn btn-sm"
+                <button class="p-2 btn btn-sm border border-dark rounded text-primary"
                         type="button"
                         _="on click set (next <select/>)'s value to '{{case.pk}}' then remove @open from .case-details then go to top of (next <select/>)'s parent"
                 >select</button>