Fix margin header border width (#258)

Author: NiallJoeMaher

components/PageHeading/PageHeading.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 
 const PageHeading = ({ children }: { children: React.ReactNode }) => (
-  <h1 className="text-3xl tracking-tight font-extrabold text-neutral-50 sm:text-4xl my-8 border-b-2 pb-4">
+  <h1 className="text-3xl tracking-tight font-extrabold text-neutral-50 sm:text-4xl mt-8 border-b pb-4">
     {children}
   </h1>
 );

pages/articles/index.tsx

@@ -70,7 +70,7 @@ const ArticlesPage = () => {
       </Head>
       <Layout>
         <div className="relative sm:mx-auto max-w-2xl mx-2">
-          <div className="my-8 border-b-2 pb-4 flex justify-between items-center">
+          <div className="mt-8 border-b pb-4 flex justify-between items-center">
             <h1 className="text-3xl tracking-tight font-extrabold text-neutral-50 sm:text-4xl ">
               {typeof tag === "string" ? (
                 <div className="flex justify-center items-center">