diff --git a/apps/web/src/components/Footer/Footer.tsx b/apps/web/src/components/Footer/Footer.tsx
index 7b0139c0efd..0c7d9d2eaf8 100644
--- a/apps/web/src/components/Footer/Footer.tsx
+++ b/apps/web/src/components/Footer/Footer.tsx
@@ -60,9 +60,11 @@ const Footer = ({ width }: FooterProps) => {
       }),
     },
   ];
+
   let footerWidth = {
     "data-h2-container": "base(center, large, x1) p-tablet(center, large, x2)",
   };
+
   if (width === "full") {
     footerWidth = {
       "data-h2-container": "base(center, full, x1) p-tablet(center, full, x2)",
diff --git a/packages/storybook-helpers/main.ts b/packages/storybook-helpers/main.ts
index 7dd3e07eb34..182f9af95e7 100644
--- a/packages/storybook-helpers/main.ts
+++ b/packages/storybook-helpers/main.ts
@@ -36,8 +36,20 @@ const main: StorybookConfig = {
   // REF: https://stackoverflow.com/questions/77540892/chromatic-github-action-is-failing
   viteFinal(config) {
     config.plugins = (config.plugins ?? []).filter(
-      (plugin) => plugin && "name" in plugin && plugin.name !== "vite:dts",
+      (plugin) =>
+        plugin &&
+        "name" in plugin &&
+        plugin.name !== "vite:dts" &&
+        // Filter out git version plugin to hardcode for
+        // Stable snapshots
+        plugin.name !== "git-version",
     );
+    config.define = {
+      ...config.define,
+      // Hardcode vars for stable snapshots
+      BUILD_DATE: JSON.stringify("1970-01-01"),
+      VERSION: JSON.stringify("v1.0.0"),
+    };
     return config;
   },
 };