diff --git a/RIGS/templates/event_form.html b/RIGS/templates/event_form.html
index 9f18f26b..afa8d5b7 100644
--- a/RIGS/templates/event_form.html
+++ b/RIGS/templates/event_form.html
@@ -277,10 +277,8 @@
                             </div>
                             <div class="form-group">
                                 <div class="col-sm-offset-4 col-sm-8">
-                                    <div class="checkbox">
                                         <label data-toggle="tooltip" title="Mark this event as a dry-hire, so it needs to be checked in at the end">
-                                            {% render_field form.dry_hire %}{{ form.dry_hire.label }}
-                                        </label>
+                                        {{ form.dry_hire.label }} {% render_field form.dry_hire %}
                                     </div>
                                 </div>
                             </div>
diff --git a/pipeline/source_assets/scss/screen.scss b/pipeline/source_assets/scss/screen.scss
index 68cd359e..4202478e 100644
--- a/pipeline/source_assets/scss/screen.scss
+++ b/pipeline/source_assets/scss/screen.scss
@@ -33,6 +33,25 @@ $fa-font-path: '/static/fonts';
 @import "node_modules/@fortawesome/fontawesome-free/scss/fontawesome";
 @import "node_modules/@fortawesome/fontawesome-free/scss/solid";
 
+html {
+  --brand: #3F58AA;
+  scrollbar-color: #3F58AA Canvas !important;
+}
+
+:root { accent-color: var(--brand); }
+:focus-visible { outline-color: var(--brand); }
+::selection { background-color: var(--brand); }
+::marker { color: var(--brand); }
+
+:is(
+  ::-webkit-calendar-picker-indicator,
+  ::-webkit-clear-button,
+  ::-webkit-inner-spin-button,
+  ::-webkit-outer-spin-button
+) {
+  color: var(--brand);
+}
+
 @media screen and
   (prefers-reduced-motion: reduce),
   (update: slow) {