diff --git a/app/views/admin/legislation/processes/_form.html.erb b/app/views/admin/legislation/processes/_form.html.erb
index 1cfb699ee..86c419b07 100644
--- a/app/views/admin/legislation/processes/_form.html.erb
+++ b/app/views/admin/legislation/processes/_form.html.erb
@@ -213,16 +213,27 @@
     <h3><%= t("admin.legislation.processes.form.banner_title") %></h3>
   </div>
 
-  <div class="row">
-    <div class="small-3 column">
-      <%= f.label :sections, t("admin.legislation.processes.form.banner_background_color") %>
-      <%= color_field(:process, :background_color, id: 'banner_background_color_picker') %>
-      <%= f.text_field :background_color, label: false, id: 'banner_background_color' %>
+  <div class="small-3 column">
+    <%= f.label :sections, t("admin.legislation.processes.form.banner_background_color") %>
+    <div class="row collapse">
+      <div class="small-6 column">
+        <%= color_field(:process, :background_color) %>
+      </div>
+      <div class="small-6 column">
+        <%= f.text_field :background_color, label: false %>
+      </div>
     </div>
-    <div class="small-3 column end">
-      <%= f.label :sections, t("admin.legislation.processes.form.banner_font_color") %>
-      <%= color_field(:process, :font_color, id: 'banner_font_color_picker') %>
-      <%= f.text_field :font_color, label: false, id: 'banner_font_color' %>
+  </div>
+
+  <div class="small-3 column end">
+    <%= f.label :sections, t("admin.legislation.processes.form.banner_font_color") %>
+    <div class="row collapse">
+      <div class="small-6 column">
+        <%= color_field(:process, :font_color) %>
+      </div>
+      <div class="small-6 column">
+        <%= f.text_field :font_color, label: false %>
+      </div>
     </div>
   </div>
 
diff --git a/config/locales/en/admin.yml b/config/locales/en/admin.yml
index 819a2037e..d1a9fe98c 100644
--- a/config/locales/en/admin.yml
+++ b/config/locales/en/admin.yml
@@ -438,7 +438,7 @@ en:
           homepage: Description
           homepage_description: Here you can explain the content of the process
           homepage_enabled: Homepage enabled
-          banner_title: Banner colors
+          banner_title: Header colors
           banner_background_color: Background colour
           banner_font_color: Font colour
         index:
diff --git a/config/locales/es/admin.yml b/config/locales/es/admin.yml
index 50576eec7..3b82eee84 100644
--- a/config/locales/es/admin.yml
+++ b/config/locales/es/admin.yml
@@ -439,7 +439,7 @@ es:
           homepage: Descripción
           homepage_description: Aquí puedes explicar el contenido del proceso
           homepage_enabled: Homepage activada
-          banner_title: Colores del banner
+          banner_title: Colores del encabezado
           banner_background_color: Color de fondo
           banner_font_color: Color del texto
         index: