diff --git a/cockpit-machines.spec b/cockpit-machines.spec
index 46ee3ff..e125d57 100644
--- a/cockpit-machines.spec
+++ b/cockpit-machines.spec
@@ -29,6 +29,7 @@ Source10:       package-lock.json
 Source11:       node_modules.spec.inc
 %include %_sourcedir/node_modules.spec.inc
 Patch0:         hide-docs.patch
+Patch1:         load-css-overrides.patch
 # patches for node modules start with 100
 Patch100:       suse-vv-install.patch
 BuildArch:      noarch
@@ -61,6 +62,7 @@ If "virt-install" is installed, you can also create new virtual machines.
 %prep
 %setup -n %{name}
 %patch0 -p1
+%patch1 -p1
 rm -f package-lock.json
 local-npm-registry %{_sourcedir} install --with=dev --legacy-peer-deps || ( find ~/.npm/_logs -name '*-debug.log' -print0 | xargs -0 cat; false)
 %patch100 -p1
diff --git a/load-css-overrides.patch b/load-css-overrides.patch
new file mode 100644
index 0000000..7e1deda
--- /dev/null
+++ b/load-css-overrides.patch
@@ -0,0 +1,26 @@
+From 4b3070817f041c17acf70b126236d906dbad424b Mon Sep 17 00:00:00 2001
+From: =?UTF-8?q?David=20D=C3=ADaz=20Gonz=C3=A1lez?= <dgonzalez@suse.de>
+Date: Mon, 13 Jun 2022 22:31:45 +0100
+Subject: [PATCH] Start loading a custom CSS file
+
+For changing the Cockpit appearance using the CSS overrides workaround
+described at https://github.com/cockpit-project/cockpit/pull/17437
+---
+ src/index.html | 1 +
+ 1 file changed, 1 insertion(+)
+
+diff --git a/src/index.html b/src/index.html
+index 8c5380c..5be6daa 100644
+--- a/src/index.html
++++ b/src/index.html
+@@ -7,6 +7,7 @@
+     <meta name="viewport" content="width=device-width, initial-scale=1">
+ 
+     <link rel="stylesheet" href="index.css">
++    <link href="../../static/css-overrides.css" type="text/css" rel="stylesheet">
+ 
+     <script type="text/javascript" src="../base1/cockpit.js"></script>
+     <script type="text/javascript" src="../*/po.js"></script>
+-- 
+2.36.1
+