diff --git a/src/components/scorecard/ScorecardOptInForm.tsx b/src/components/scorecard/ScorecardOptInForm.tsx
index ad6e5c6..730ba51 100644
--- a/src/components/scorecard/ScorecardOptInForm.tsx
+++ b/src/components/scorecard/ScorecardOptInForm.tsx
@@ -9,7 +9,7 @@ import { getFieldClassName } from "../general/services/getFieldClassName";
 import { useNotifications } from "../../hooks/useNotifications";
 import "./css/scorecard-form.css";
 
-export const ScorecardOptInForm = () => {
+export const ScorecardOptInForm = ({ className = "" }: { className?: string }) => {
   const { addNotification } = useNotifications();
   const {
     handleSubmit,
@@ -48,7 +48,7 @@ export const ScorecardOptInForm = () => {
 
   const formContent = (
     <form
-      className="scorecard-form__form"
+      className={`scorecard-form__form ${className}`}
       data-netlify="true"
       name="scorecardOptIn"
       onSubmit={handleSubmit(onSubmit)}
diff --git a/src/pages/about.tsx b/src/pages/about.tsx
index 2550cbf..659fe12 100644
--- a/src/pages/about.tsx
+++ b/src/pages/about.tsx
@@ -11,6 +11,7 @@ import { VisionToReality } from "../components/about-page/VisionToReality";
 import { WhySoftwareExists } from "../components/about-page/WhySoftwareExists";
 import { Layout } from "../components/layout/Layout";
 import { HeadDefaults } from "../components/layout/HeadDefaults";
+import { ScorecardOptInForm } from "../components/scorecard/ScorecardOptInForm";
 
 export const Head = () => (
   <>
@@ -36,6 +37,7 @@ const AboutPage = (pageProps: PageProps) => {
       <Leaders />
       <OurBeliefs />
       <VisionToReality />
+      <ScorecardOptInForm className="hidden" />
     </Layout>
   );
 };