diff --git a/cockpit-tukit.spec b/cockpit-tukit.spec
index 18bdb57..8066cfb 100644
--- a/cockpit-tukit.spec
+++ b/cockpit-tukit.spec
@@ -28,6 +28,7 @@ Source10:       package-lock.json
 Source11:       node_modules.spec.inc
 Source12:       node_modules.sums
 %include %_sourcedir/node_modules.spec.inc
+Patch0:         load-css-overrides.patch
 BuildArch:      noarch
 BuildRequires:  appstream-glib
 BuildRequires:  cockpit-devel >= 251
@@ -46,6 +47,7 @@ Cockpit module for Transactional Update
 
 %prep
 %setup -q -n %{name}-%{version}
+%patch0 -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)
 
diff --git a/load-css-overrides.patch b/load-css-overrides.patch
new file mode 100644
index 0000000..a1e779f
--- /dev/null
+++ b/load-css-overrides.patch
@@ -0,0 +1,26 @@
+From d90c39d8f652fa83081f3644d5375fba70c459ab 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 23:05:11 +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 a9f1fe6..9e8bd22 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
+