diff --git a/views/partials/movie/field_trip_banner.ejs b/views/partials/movie/field_trip_banner.ejs
index 00a65c47..b75f3956 100644
--- a/views/partials/movie/field_trip_banner.ejs
+++ b/views/partials/movie/field_trip_banner.ejs
@@ -1,7 +1,7 @@
 <template x-if="movie.isFieldTrip">
   <a
     :href="movie.showingUrl"
-    class="absolute inset-0 flex items-center justify-between w-full h-12 p-3 font-medium text-center text-white text-md opacity-80 bg-fuchsia-500"
+    class="absolute inset-0 flex items-center justify-between w-full h-12 p-3 font-medium text-center text-white text-md bg-opacity-80 bg-violet-500"
   >
     <span x-text="movie.theaterName"></span>