diff --git a/quartz/components/ArticleTitle.tsx b/quartz/components/ArticleTitle.tsx
index 91d52f14..9bc8b59c 100644
--- a/quartz/components/ArticleTitle.tsx
+++ b/quartz/components/ArticleTitle.tsx
@@ -1,3 +1,4 @@
+/* 
 import { FileTitleIcon,IconFolderOptions  } from "../plugins/components/FileIcons";
 import { classNames } from "../util/lang";
 import { QuartzComponentConstructor, QuartzComponentProps } from "./types";
@@ -30,3 +31,25 @@ export default ((opts?: Partial<IconFolderOptions>) => {
   `;
 	return ArticleTitle;
 }) satisfies QuartzComponentConstructor;
+
+*/
+
+import { QuartzComponent, QuartzComponentConstructor, QuartzComponentProps } from "./types"
+import { classNames } from "../util/lang"
+
+const ArticleTitle: QuartzComponent = ({ fileData, displayClass }: QuartzComponentProps) => {
+  const title = fileData.frontmatter?.title
+  if (title) {
+    return <h1 class={classNames(displayClass, "article-title")}>{title}</h1>
+  } else {
+    return null
+  }
+}
+
+ArticleTitle.css = `
+.article-title {
+  margin: 2rem 0 0 0;
+}
+`
+
+export default (() => ArticleTitle) satisfies QuartzComponentConstructor