diff --git a/app/globals.css b/app/globals.css
index 2245baf1..0265a8f5 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -21,6 +21,7 @@
     @apply overscroll-y-none;
     min-height: -webkit-fill-available;
     @apply font-sans;
+    font-synthesis: none;
   }
 
   #__next {
diff --git a/components/Blocks.tsx b/components/Blocks.tsx
index 608ababb..e894754d 100644
--- a/components/Blocks.tsx
+++ b/components/Blocks.tsx
@@ -250,8 +250,8 @@ function Block(props: BlockProps) {
 
 const HeadingStyle = {
   1: "text-xl font-bold",
-  2: "text-lg font-bold ",
-  3: "text-base font-bold italic text-secondary ",
+  2: "text-lg font-bold",
+  3: "text-base font-bold text-secondary ",
 } as { [level: number]: string };
 export function HeadingBlock(props: BlockProps) {
   let headingLevel = useEntity(props.entityID, "block/heading-level");