diff --git a/src/components/layout.js b/src/components/layout.js
index 17da4c4..7012ce3 100644
--- a/src/components/layout.js
+++ b/src/components/layout.js
@@ -1,6 +1,6 @@
 import * as React from "react"
 import { Link as GatsbyLink } from "gatsby"
-import { AppBar, Container, Grid, Link, Toolbar } from "@mui/material"
+import { AppBar, Container, CssBaseline, Grid, Link, Toolbar } from "@mui/material"
 import NavMenu from "./nav-menu"
 
 const Layout = ({ location, title, children }) => {
@@ -24,6 +24,7 @@ const Layout = ({ location, title, children }) => {
 
   return (
     <>
+      <CssBaseline />
       <AppBar
         component="header"
         color="transparent"