diff --git a/plinth/modules/upgrades/static/upgrades.css b/plinth/modules/upgrades/static/upgrades.css
new file mode 100644
index 000000000..b08713ca1
--- /dev/null
+++ b/plinth/modules/upgrades/static/upgrades.css
@@ -0,0 +1,15 @@
+/*
+# SPDX-License-Identifier: AGPL-3.0-or-later
+*/
+
+.warning {
+    color: var(--warning-color);
+}
+
+.processing {
+    color: var(--progress-color);
+}
+
+.normal {
+    color: var(--neutral-dark-color);
+}
diff --git a/plinth/modules/upgrades/templates/update-firstboot-progress.html b/plinth/modules/upgrades/templates/update-firstboot-progress.html
index e0a9db852..14f57c968 100644
--- a/plinth/modules/upgrades/templates/update-firstboot-progress.html
+++ b/plinth/modules/upgrades/templates/update-firstboot-progress.html
@@ -8,11 +8,8 @@
 {% load static %}
 
 {% block page_head %}
-  <style type="text/css">
-   .processing {
-       color: var(--progress-color);
-   }
-  </style>
+  <link type="text/css" rel="stylesheet"
+        href="{% static 'upgrades/upgrades.css' %}"/>
 {% endblock %}
 
 {% block content %}
diff --git a/plinth/modules/upgrades/templates/upgrades_configure.html b/plinth/modules/upgrades/templates/upgrades_configure.html
index f3893ff22..7e870b0de 100644
--- a/plinth/modules/upgrades/templates/upgrades_configure.html
+++ b/plinth/modules/upgrades/templates/upgrades_configure.html
@@ -8,19 +8,8 @@
 {% load static %}
 
 {% block page_head %}
-  <style type="text/css">
-    .warning {
-        color: var(--warning-color);
-    }
-
-    .processing {
-        color: var(--progress-color);
-    }
-
-    .normal {
-        color: var(--neutral-dark-color);
-    }
-  </style>
+  <link type="text/css" rel="stylesheet"
+        href="{% static 'upgrades/upgrades.css' %}"/>
 {% endblock %}
 
 {% block status %}