diff --git a/components/NewsletterSection.tsx b/components/NewsletterSection.tsx
index c407fab4..0b62fdd3 100644
--- a/components/NewsletterSection.tsx
+++ b/components/NewsletterSection.tsx
@@ -49,7 +49,7 @@ export const NewsletterSection = () => {
       </p>
 
       <Script src="https://substackapi.com/widget.js" strategy="lazyOnload" />
-      <div id="substack-embed" className="relative mt-4 flex rounded-md"></div>
+      <div id="substack-embed" className="relative mt-4 flex flex-col rounded-md"></div>
     </div>
   );
 };
diff --git a/styles/globals.css b/styles/globals.css
index 73bee891..8f72ff53 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -2,6 +2,12 @@
 @tailwind components;
 @tailwind utilities;
 
+.custom-substack-widget+.success, .custom-substack-widget+.error {
+  font-family: var(--font-inter), sans-serif !important;
+  color: #cb3364 !important;
+  font-size: 0.875rem;
+}
+
 ::-webkit-scrollbar {
   width: 10px;
 }