Fix component top margins

web/src/pages/AboutPage/AboutPage.js

@@ -1,10 +1,10 @@
-import { Link,routes } from '@redwoodjs/router'
+import { Link, routes } from '@redwoodjs/router'
 import BlogLayout from 'src/layouts/BlogLayout'
 
 const AboutPage = () => {
   return (
     <BlogLayout>
-      <p>
+      <p className="font-light">
         This site was created to demonstrate my mastery of Redwood: Look on my
         works, ye mighty, and despair!
       </p>

web/src/pages/BlogPostPage/BlogPostPage.js

@@ -4,9 +4,7 @@ import BlogPostCell from 'src/components/BlogPostCell'
 const BlogPostPage = ({ id }) => {
   return (
     <BlogLayout>
-      <div className="-mt-12">
-        <BlogPostCell id={id} />
-      </div>
+      <BlogPostCell id={id} />
     </BlogLayout>
   )
 }