diff --git a/src/features/subscriptions/components/PaymentPlanCard/PaymentPlanCard.module.css b/src/features/subscriptions/components/PaymentPlanCard/PaymentPlanCard.module.css
index 6ea22ae79..aa5954651 100644
--- a/src/features/subscriptions/components/PaymentPlanCard/PaymentPlanCard.module.css
+++ b/src/features/subscriptions/components/PaymentPlanCard/PaymentPlanCard.module.css
@@ -19,6 +19,10 @@
     background-color: var(--accent-weak);
     border-color: var(--strong-color);
   }
+
+  &:hover {
+    box-shadow: var(--shadow-medium);
+  }
 }
 
 .planIcon {
@@ -47,6 +51,10 @@
   margin-bottom: var(--double-unit);
 }
 
+.hidden {
+  visibility: hidden;
+}
+
 .perMonth {
   font-size: 14px;
   color: #888;
diff --git a/src/features/subscriptions/components/PaymentPlanCard/PaymentPlanCard.tsx b/src/features/subscriptions/components/PaymentPlanCard/PaymentPlanCard.tsx
index 38e532c2c..ae9b1debd 100644
--- a/src/features/subscriptions/components/PaymentPlanCard/PaymentPlanCard.tsx
+++ b/src/features/subscriptions/components/PaymentPlanCard/PaymentPlanCard.tsx
@@ -40,10 +40,15 @@ const PaymentPlanCard = memo(function PaymentPlanCard({
           {plan.name}
         </Heading>
       </div>
-      {billingOption?.initialPricePerMonth && (
-        <div className={s.initialPrice}>${billingOption.initialPricePerMonth}</div>
+      {/* Just hide old price on 'month' to prevent content jumping */}
+      {billingOption && (
+        <div
+          className={clsx(s.initialPrice, { [s.hidden]: billingOption.id === 'month' })}
+        >
+          ${billingOption?.initialPricePerMonth}
+        </div>
       )}
-      {billingOption?.pricePerMonth && (
+      {billingOption && (
         <Price className={s.price} amount={billingOption.pricePerMonth} />
       )}
       <Text className={s.planDescription} type="short-m">