diff --git a/.gitignore b/.gitignore
index caf638f38..b0b2074d8 100644
--- a/.gitignore
+++ b/.gitignore
@@ -48,6 +48,8 @@
 /deploy
 /docker/images/bundle*
 /exporter/target
+/frontend/.storybook/preview-body.html
+/frontend/.storybook/preview-head.html
 /frontend/cypress/fixtures/validuser.json
 /frontend/cypress/videos/*/
 /frontend/cypress/videos/*/
@@ -68,7 +70,6 @@
 /web
 clj-profiler/
 node_modules
-frontend/.storybook/preview-body.html
 /test-results/
 /playwright-report/
 /blob-report/
diff --git a/frontend/.storybook/preview-head.html b/frontend/resources/templates/preview-head.mustache
similarity index 51%
rename from frontend/.storybook/preview-head.html
rename to frontend/resources/templates/preview-head.mustache
index 9985b3804..fdbcabf55 100644
--- a/frontend/.storybook/preview-head.html
+++ b/frontend/resources/templates/preview-head.mustache
@@ -1,4 +1,4 @@
-<link href="/css/ds.css" rel="stylesheet" type="text/css" />
+<link href="/css/ds.css?ts={{& ts}}" rel="stylesheet" type="text/css" />
 <style>
   body {
     overflow-y: scroll;
@@ -7,4 +7,4 @@
   #storybook-root {
     height: 100%;
   }
-</style>
\ No newline at end of file
+</style>
diff --git a/frontend/scripts/_helpers.js b/frontend/scripts/_helpers.js
index 34e7c00fd..b8fbd0de5 100644
--- a/frontend/scripts/_helpers.js
+++ b/frontend/scripts/_helpers.js
@@ -404,6 +404,15 @@ async function generateTemplates() {
   );
   await fs.writeFile("./.storybook/preview-body.html", content);
 
+  content = await renderTemplate(
+    "resources/templates/preview-head.mustache",
+    {
+      manifest: manifest,
+    },
+    partials,
+  );
+  await fs.writeFile("./.storybook/preview-head.html", content);
+
   content = await renderTemplate("resources/templates/render.mustache", {
     manifest: manifest,
     translations: JSON.stringify(translations),