diff --git a/plinth/modules/backups/static/backups.css b/plinth/modules/backups/static/backups.css
new file mode 100644
index 000000000..d3dfea21b
--- /dev/null
+++ b/plinth/modules/backups/static/backups.css
@@ -0,0 +1,25 @@
+/*
+# SPDX-License-Identifier: AGPL-3.0-or-later
+*/
+
+.mount-error,
+.mount-success,
+.encrypted {
+    padding: 0 0.3125rem;
+}
+
+.mount-error {
+    color: orange;
+}
+
+.mount-success {
+    color: black;
+}
+
+.encrypted {
+    color: green;
+}
+
+.inline-block {
+    display: inline-block;
+}
diff --git a/plinth/modules/backups/templates/backups.html b/plinth/modules/backups/templates/backups.html
index 502e6927b..16e1e20c1 100644
--- a/plinth/modules/backups/templates/backups.html
+++ b/plinth/modules/backups/templates/backups.html
@@ -4,25 +4,11 @@
 {% endcomment %}
 
 {% load i18n %}
+{% load static %}
 
 {% block page_head %}
-  <style type="text/css">
-    .mount-error, .mount-success, .encrypted {
-      padding: 0 0.3125rem;
-    }
-    .mount-error {
-      color: orange;
-    }
-    .mount-success {
-      color: black;
-    }
-    .encrypted {
-      color: green;
-    }
-    .inline-block {
-      display: inline-block;
-    }
-  </style>
+  <link type="text/css" rel="stylesheet"
+        href="{% static 'backups/backups.css' %}"/>
 {% endblock %}
 
 {% block configuration %}