diff --git a/app/views/form/_numeric_output_question.html.erb b/app/views/form/_numeric_output_question.html.erb
index 15a0aff77..01527be09 100644
--- a/app/views/form/_numeric_output_question.html.erb
+++ b/app/views/form/_numeric_output_question.html.erb
@@ -14,7 +14,6 @@
             min="<%= question.min %>"
             step="<%= question.step %>"
             type="number"
-            style="background-color: #f3f2f1;"
             name="case_log[tcharge]"
             for="<%= question.fields_added.present? ? question.fields_added.map { |x| "case-log-#{x}-field"}.join(" ") : "" %>">
       <%= case_log[question.id] %></output>
diff --git a/app/webpacker/styles/_questions.scss b/app/webpacker/styles/_questions.scss
new file mode 100644
index 000000000..0e88983e6
--- /dev/null
+++ b/app/webpacker/styles/_questions.scss
@@ -0,0 +1,3 @@
+.app-input--output {
+  background-color: #f3f2f1;
+}
diff --git a/app/webpacker/styles/application.scss b/app/webpacker/styles/application.scss
index 551101152..655136f1a 100644
--- a/app/webpacker/styles/application.scss
+++ b/app/webpacker/styles/application.scss
@@ -15,6 +15,7 @@ $govuk-image-url-function: frontend-image-url;
 @import 'task-list';
 @import 'tab-navigation';
 @import 'accessible-autocomplete';
+@import "questions";
 
 $govuk-global-styles: true;