diff --git a/src/components/widgets/Announcement.astro b/src/components/widgets/Announcement.astro
index 222bc7c..8c00937 100644
--- a/src/components/widgets/Announcement.astro
+++ b/src/components/widgets/Announcement.astro
@@ -2,12 +2,10 @@
 ---
 
 <div
-  class="hidden md:block bg-blue-900 dark:bg-slate-800 dark:border-slate-800 dark:text-slate-400 border-b border-blue-900 text-sm px-3 py-2 text-gray-200 overflow-hidden whitespace-nowrap text-ellipsis"
+  class="hidden md:block bg-blue-900 dark:bg-slate-800 dark:border-slate-800 dark:text-slate-400 border-b border-blue-900 text-sm px-3 py-2 text-gray-200 overflow-hidden whitespace-nowrap text-ellipsis not-prose"
 >
   <span class="text-xs py-0.5 px-1 bg-primary dark:bg-slate-700 dark:text-slate-300 font-semibold">NEW</span>
-  <a
-    href="https://astro.build/blog/astro-260/"
-    class="hover:underline text-gray-200 dark:text-slate-400"
+  <a href="https://astro.build/blog/astro-260/" class="hover:underline text-gray-200 dark:text-slate-400"
     >Astro 2.6 is released. »</a
   >
   <a
diff --git a/src/components/widgets/CallToAction.astro b/src/components/widgets/CallToAction.astro
index 9d15608..c8dd15a 100644
--- a/src/components/widgets/CallToAction.astro
+++ b/src/components/widgets/CallToAction.astro
@@ -9,6 +9,7 @@ interface CallToAction {
 
 export interface Props {
   title?: string;
+  subtitle?: string;
   description?: string;
   callToAction?: string | CallToAction;
 }
@@ -20,7 +21,7 @@ const {
 } = Astro.props;
 ---
 
-<section class="relative">
+<section class="relative not-prose">
   <div class="max-w-6xl mx-auto px-4 sm:px-6">
     <div class="py-12 md:py-20">
       <div
diff --git a/src/components/widgets/Content.astro b/src/components/widgets/Content.astro
index 0228ae7..455a7f1 100644
--- a/src/components/widgets/Content.astro
+++ b/src/components/widgets/Content.astro
@@ -31,7 +31,7 @@ const {
 } = Astro.props;
 ---
 
-<section class:list={[{ 'pt-0 md:pt-0': isAfterContent }, 'bg-blue-50 dark:bg-slate-800 py-16 md:py-20']}>
+<section class:list={[{ 'pt-0 md:pt-0': isAfterContent }, 'bg-blue-50 dark:bg-slate-800 py-16 md:py-20 not-prose']}>
   <div class="max-w-xl sm:mx-auto lg:max-w-2xl">
     {
       (title || subtitle || highlight) && (
diff --git a/src/components/widgets/FAQs.astro b/src/components/widgets/FAQs.astro
index e5647f0..50718fc 100644
--- a/src/components/widgets/FAQs.astro
+++ b/src/components/widgets/FAQs.astro
@@ -21,7 +21,7 @@ const {
 } = Astro.props;
 ---
 
-<div class="px-4 py-16 mx-auto max-w-6xl lg:py-20">
+<div class="px-4 py-16 mx-auto max-w-6xl lg:py-20 not-prose">
   <div class="max-w-xl sm:mx-auto lg:max-w-2xl">
     {
       (title || subtitle || highlight) && (
diff --git a/src/components/widgets/Features.astro b/src/components/widgets/Features.astro
index 4afaa55..8a5e309 100644
--- a/src/components/widgets/Features.astro
+++ b/src/components/widgets/Features.astro
@@ -22,7 +22,7 @@ const {
 } = Astro.props;
 ---
 
-<section class="scroll-mt-16" id="features">
+<section class="scroll-mt-16 not-prose" id="features">
   <div class="px-4 py-16 mx-auto max-w-6xl lg:px-8 lg:py-20">
     {
       (title || subtitle || highlight) && (
diff --git a/src/components/widgets/Features2.astro b/src/components/widgets/Features2.astro
index de4d756..db65bb4 100644
--- a/src/components/widgets/Features2.astro
+++ b/src/components/widgets/Features2.astro
@@ -22,7 +22,7 @@ const {
 } = Astro.props;
 ---
 
-<section class="relative">
+<section class="relative not-prose">
   <div class="absolute inset-0 bg-blue-50 dark:bg-slate-800 pointer-events-none mb-32" aria-hidden="true"></div>
   <div class="relative max-w-7xl mx-auto px-4 sm:px-6 -mb-12">
     <div class="py-4 pt-8 sm:py-6 lg:py-8 lg:pt-12">
diff --git a/src/components/widgets/Footer.astro b/src/components/widgets/Footer.astro
index 4e1b35a..7045e16 100644
--- a/src/components/widgets/Footer.astro
+++ b/src/components/widgets/Footer.astro
@@ -26,7 +26,7 @@ export interface Props {
 const { socialLinks = [], secondaryLinks = [], links = [], footNote = '', theme = 'light' } = Astro.props;
 ---
 
-<footer class:list={[{ dark: theme === 'dark' }, 'relative border-t border-gray-200 dark:border-slate-800']}>
+<footer class:list={[{ dark: theme === 'dark' }, 'relative border-t border-gray-200 dark:border-slate-800 not-prose']}>
   <div class="dark:bg-dark absolute inset-0 pointer-events-none" aria-hidden="true"></div>
   <div class="relative max-w-7xl mx-auto px-4 sm:px-6 dark:text-slate-300">
     <div class="grid grid-cols-12 gap-4 gap-y-8 sm:gap-8 py-8 md:py-12">
diff --git a/src/components/widgets/Header.astro b/src/components/widgets/Header.astro
index 8c333b1..9035787 100644
--- a/src/components/widgets/Header.astro
+++ b/src/components/widgets/Header.astro
@@ -43,7 +43,7 @@ const {
 <header
   class:list={[
     { sticky: isSticky, relative: !isSticky },
-    'top-0 z-40 flex-none mx-auto w-full transition-all ease-in duration-100',
+    'top-0 z-40 flex-none mx-auto w-full transition-all ease-in duration-100 not-prose',
   ]}
   id="header"
 >
diff --git a/src/components/widgets/Hero.astro b/src/components/widgets/Hero.astro
index f762d8d..a5d0d69 100644
--- a/src/components/widgets/Hero.astro
+++ b/src/components/widgets/Hero.astro
@@ -11,6 +11,7 @@ interface CallToAction {
 export interface Props {
   title?: string;
   subtitle?: string;
+  content?: string;
   callToAction?: string | CallToAction;
   callToAction2?: string | CallToAction;
   image?: string | any; // TODO: find HTMLElementProps
@@ -26,7 +27,7 @@ const {
 } = Astro.props;
 ---
 
-<section class="relative md:-mt-[76px]">
+<section class="relative md:-mt-[76px] not-prose">
   <div class="absolute inset-0 pointer-events-none" aria-hidden="true"></div>
   <div class="relative max-w-7xl mx-auto px-4 sm:px-6">
     <div class="pt-0 md:pt-[76px] pointer-events-none"></div>
diff --git a/src/components/widgets/Hero2.astro b/src/components/widgets/Hero2.astro
index a2d1c6f..5ea08a3 100644
--- a/src/components/widgets/Hero2.astro
+++ b/src/components/widgets/Hero2.astro
@@ -11,6 +11,7 @@ interface CallToAction {
 export interface Props {
   title?: string;
   subtitle?: string;
+  content?: string;
   callToAction?: string | CallToAction;
   callToAction2?: string | CallToAction;
   image?: string | any; // TODO: find HTMLElementProps
@@ -26,7 +27,7 @@ const {
 } = Astro.props;
 ---
 
-<section class="relative md:-mt-[76px]">
+<section class="relative md:-mt-[76px] not-prose">
   <div class="absolute inset-0 pointer-events-none" aria-hidden="true"></div>
   <div class="relative max-w-7xl mx-auto px-4 sm:px-6">
     <div class="pt-0 md:pt-[76px] pointer-events-none"></div>
diff --git a/src/components/widgets/Note.astro b/src/components/widgets/Note.astro
index 5f517db..4d86f9a 100644
--- a/src/components/widgets/Note.astro
+++ b/src/components/widgets/Note.astro
@@ -2,7 +2,7 @@
 import { Icon } from 'astro-icon';
 ---
 
-<section class="bg-blue-50 dark:bg-slate-800">
+<section class="bg-blue-50 dark:bg-slate-800 not-prose">
   <div class="max-w-6xl mx-auto px-4 sm:px-6 py-4 text-md text-center font-medium">
     <span class="font-bold">
       <Icon name="tabler:info-square" class="w-5 h-5 inline-block align-text-bottom" /> Philosophy:</span
diff --git a/src/components/widgets/Stats.astro b/src/components/widgets/Stats.astro
index a923ce9..a3f4235 100644
--- a/src/components/widgets/Stats.astro
+++ b/src/components/widgets/Stats.astro
@@ -19,7 +19,7 @@ const {
 } = Astro.props;
 ---
 
-<div class="px-4 py-4 md:py-16 sm:px-6 mx-auto md:px-24 lg:px-8 lg:py-20 max-w-6xl">
+<div class="px-4 py-4 md:py-16 sm:px-6 mx-auto md:px-24 lg:px-8 lg:py-20 max-w-6xl not-prose">
   {
     (title || subtitle || highlight) && (
       <div class="max-w-xl mb-10 md:mx-auto sm:text-center lg:max-w-2xl md:mb-12">
diff --git a/src/components/widgets/Steps.astro b/src/components/widgets/Steps.astro
index c19f4b6..0931478 100644
--- a/src/components/widgets/Steps.astro
+++ b/src/components/widgets/Steps.astro
@@ -21,7 +21,7 @@ const {
 } = Astro.props;
 ---
 
-<section class="px-4 py-16 sm:px-6 mx-auto lg:px-8 lg:py-20 max-w-6xl">
+<section class="px-4 py-16 sm:px-6 mx-auto lg:px-8 lg:py-20 max-w-6xl not-prose">
   <div class="grid gap-6 row-gap-10 md:grid-cols-2">
     <div class="md:py-4 md:pr-16 mb-4 md:mb-0">
       {title && <h2 class="mb-8 text-3xl lg:text-4xl font-bold font-heading" set:html={title} />}
diff --git a/src/components/widgets/Steps2.astro b/src/components/widgets/Steps2.astro
index 81cfdc9..2952163 100644
--- a/src/components/widgets/Steps2.astro
+++ b/src/components/widgets/Steps2.astro
@@ -64,7 +64,7 @@ const {
 ---
 
 <section>
-  <div class="max-w-7xl mx-auto px-4 sm:px-6 overflow-hidden">
+  <div class="max-w-7xl mx-auto px-4 sm:px-6 overflow-hidden not-prose">
     <div class="py-12 md:py-20">
       <div class="py-4 sm:py-6 lg:py-8">
         <div class="flex flex-wrap md:-mx-8">