rejiggle css order

app/assets/stylesheets/application.tailwind.css

@@ -28,6 +28,9 @@ select {
 .session {
   @apply border p-2 bg-slate-100 border-slate-300 rounded-md w-full hover:shadow-2xl;
 
+  &.no-backup-needed {
+    @apply bg-green-100 border-green-300;
+  }
   &.backup-needed {
     @apply bg-amber-100 border-amber-400;
   }
@@ -37,9 +40,6 @@ select {
   &.no-assignees {
     @apply bg-red-300 border-red-800;
   }
-  &.no-backup-needed {
-    @apply bg-green-100 border-green-300;
-  }
 }
 #flash {
   @apply mx-auto flex items-center flex-col gap-1 p-2;