Right-align the dropdown content

the need for this is more obvious when the dropdown arrow is near
the RHS of the page; pre-commit the dropdown would float out of view

theme/static/css/dist/styles.css

@@ -888,14 +888,14 @@ select {
   height: 1.25rem;
 }
 
-.h-screen {
-  height: 100vh;
-}
-
 .h-6 {
   height: 1.5rem;
 }
 
+.h-screen {
+  height: 100vh;
+}
+
 .w-1\/4 {
   width: 25%;
 }
@@ -916,14 +916,14 @@ select {
   width: 1.25rem;
 }
 
-.w-full {
-  width: 100%;
-}
-
 .w-6 {
   width: 1.5rem;
 }
 
+.w-full {
+  width: 100%;
+}
+
 .border-collapse {
   border-collapse: collapse;
 }
@@ -1452,8 +1452,9 @@ select {
 .dropdown-content {
   display: none;
   position: absolute;
-  left: -2px;
   z-index: 1;
+  margin-left: auto;
+  right: 0;
 }
 
 /* Show the dropdown menu on hover */

theme/static_src/src/styles.css

@@ -84,8 +84,9 @@
 .dropdown-content {
   display: none;
   position: absolute;
-  left: -2px;
   z-index: 1;
+  margin-left: auto;
+  right: 0;
 }
 
 /* Show the dropdown menu on hover */