diff --git a/site/src/pages/CreateTokenPage/CreateTokenForm.tsx b/site/src/pages/CreateTokenPage/CreateTokenForm.tsx
index 649576e3bc..d679e8f812 100644
--- a/site/src/pages/CreateTokenPage/CreateTokenForm.tsx
+++ b/site/src/pages/CreateTokenPage/CreateTokenForm.tsx
@@ -2,6 +2,7 @@ import { css } from "@emotion/css";
 import MenuItem from "@mui/material/MenuItem";
 import TextField from "@mui/material/TextField";
 import dayjs from "dayjs";
+import utc from "dayjs/plugin/utc";
 import type { FormikContextType } from "formik";
 import { type FC, useState, useEffect } from "react";
 import { useNavigate } from "react-router-dom";
@@ -21,6 +22,8 @@ import {
   customLifetimeDay,
 } from "./utils";
 
+dayjs.extend(utc);
+
 interface CreateTokenFormProps {
   form: FormikContextType<CreateTokenData>;
   maxTokenLifetime?: number;
diff --git a/site/src/pages/CreateTokenPage/CreateTokenPage.stories.tsx b/site/src/pages/CreateTokenPage/CreateTokenPage.stories.tsx
new file mode 100644
index 0000000000..0ea4d16910
--- /dev/null
+++ b/site/src/pages/CreateTokenPage/CreateTokenPage.stories.tsx
@@ -0,0 +1,20 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { CreateTokenPage } from "./CreateTokenPage";
+
+const meta: Meta<typeof CreateTokenPage> = {
+  title: "components/CreateTokenPage",
+  component: CreateTokenPage,
+  parameters: {
+    queries: [
+      {
+        key: ["tokenconfig"],
+        data: { max_token_lifetime: 1_000 },
+      },
+    ],
+  },
+};
+
+export default meta;
+type Story = StoryObj<typeof CreateTokenPage>;
+
+export const Default: Story = {};