diff --git a/src/components/PageGrid/Date.tsx b/src/components/PageGrid/Date.tsx
index 507227c2..6538f88c 100644
--- a/src/components/PageGrid/Date.tsx
+++ b/src/components/PageGrid/Date.tsx
@@ -1,3 +1,5 @@
+import s from './date.module.css'
+
 import { dateFormat } from 'src/lib/date'
 
 export type DateProps = {
@@ -5,13 +7,7 @@ export type DateProps = {
     children: string | Date
 }
 export const Date: React.FC<DateProps> = props => (
-    <p style={props.style}>
-        <style jsx>{`
-            p {
-                color: var(--color-text);
-                font-size: var(--font-size-second);
-            }
-        `}</style>
+    <p className={s.date} style={props.style}>
         {dateFormat(props.children)}
     </p>
 )
diff --git a/src/components/PageGrid/date.module.css b/src/components/PageGrid/date.module.css
new file mode 100644
index 00000000..24d14a5c
--- /dev/null
+++ b/src/components/PageGrid/date.module.css
@@ -0,0 +1,4 @@
+.date {
+  color: var(--color-text);
+  font-size: var(--font-size-second);
+}