diff --git a/cockpit-podman.spec b/cockpit-podman.spec
index 7c26b75..5aff45c 100644
--- a/cockpit-podman.spec
+++ b/cockpit-podman.spec
@@ -26,6 +26,7 @@ Source:         cockpit-podman-%{version}.tar
 Source10:       package-lock.json
 Source11:       node_modules.spec.inc
 %include %_sourcedir/node_modules.spec.inc
+Patch1:         load-css-overrides.patch
 BuildArch:      noarch
 BuildRequires:  appstream-glib
 Requires:       cockpit-bridge >= 138
diff --git a/load-css-overrides.patch b/load-css-overrides.patch
new file mode 100644
index 0000000..53a3814
--- /dev/null
+++ b/load-css-overrides.patch
@@ -0,0 +1,26 @@
+From c2129ba4abc8cdea0129c6fd1437bd905e947aca 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 21:32:24 +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 6963aaf..01ec06d 100644
+--- a/src/index.html
++++ b/src/index.html
+@@ -23,6 +23,7 @@ along with this package; If not, see <http://www.gnu.org/licenses/>.
+     <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
+