diff --git a/client/components/modules/plans/plan-cards/BasePlanCard.tsx b/client/components/modules/plans/plan-cards/BasePlanCard.tsx
index 30add00e..01da18e5 100644
--- a/client/components/modules/plans/plan-cards/BasePlanCard.tsx
+++ b/client/components/modules/plans/plan-cards/BasePlanCard.tsx
@@ -168,7 +168,13 @@ const BasePlanCard = ({
         <div
           className={`${styles.footer} ${footerClassProp} flex-justify-center`}
         >
-          {getCTA()}
+          {/* {getCTA()} */}
+          <Button
+            label="subscribe"
+            category="primary_solid"
+            disabled={true}
+            text="subscribe"
+          />
         </div>
       </div>
     </div>
diff --git a/marketing/components/shared/Subscribe/BasePlanCard/BasePlanCard.tsx b/marketing/components/shared/Subscribe/BasePlanCard/BasePlanCard.tsx
index 123f12d4..0249af9f 100644
--- a/marketing/components/shared/Subscribe/BasePlanCard/BasePlanCard.tsx
+++ b/marketing/components/shared/Subscribe/BasePlanCard/BasePlanCard.tsx
@@ -2,7 +2,7 @@ import { ReactNode } from 'react';
 import styles from './BasePlanCard.module.scss';
 import { ValueProp } from '../plan.const';
 import InfoBlock from '../InfoBlock/InfoBlock';
-import { Icon } from '@mozilla/lilypad-ui';
+import { Icon, Button } from '@mozilla/lilypad-ui';
 import { FeaturesT } from '../plan.const';
 
 type PricePropsT = {
@@ -127,7 +127,15 @@ export const BasePlanCard = ({
       {/* FOOTER  */}
       <footer className={`${styles.footer_wrapper}`}>
         {additionalContent}
-        <div className={styles.footer}>{confirmButton}</div>
+        <div className={styles.footer}>
+          {/* {confirmButton} */}
+          <Button
+            label="subscribe"
+            category="primary_solid"
+            disabled={true}
+            text="subscribe"
+          />
+        </div>
       </footer>
     </div>
   );