diff --git a/frontend/components/Settings/ClubTab.tsx b/frontend/components/Settings/ClubTab.tsx
index 114aa0717..08d8a0dd3 100644
--- a/frontend/components/Settings/ClubTab.tsx
+++ b/frontend/components/Settings/ClubTab.tsx
@@ -232,7 +232,7 @@ const ClubTab = ({
     <>
       <EmptyState name="button" />
       <Center>
-        <Text isGray>
+        <Text $isGray>
           No memberships yet! Browse {OBJECT_NAME_PLURAL}{' '}
           <Link href="/">here</Link>.
         </Text>
diff --git a/frontend/components/Settings/RenewTab.tsx b/frontend/components/Settings/RenewTab.tsx
index c1413f2b2..0cbdea7a9 100644
--- a/frontend/components/Settings/RenewTab.tsx
+++ b/frontend/components/Settings/RenewTab.tsx
@@ -68,7 +68,7 @@ const RenewTab = ({ className }: ClubTabProps): ReactElement => {
         <>
           <EmptyState name="button" />
           <Center>
-            <Text isGray>
+            <Text $isGray>
               You are not listed as an officer for any {OBJECT_NAME_PLURAL} yet.
               If you would like to request access for an existing{' '}
               {OBJECT_NAME_SINGULAR}, please send your name, PennKey, and{' '}
diff --git a/frontend/components/Settings/TicketsTab/index.tsx b/frontend/components/Settings/TicketsTab/index.tsx
index 650a2d6be..ba74c9884 100644
--- a/frontend/components/Settings/TicketsTab/index.tsx
+++ b/frontend/components/Settings/TicketsTab/index.tsx
@@ -257,7 +257,7 @@ const TicketsTab = ({ className, userInfo }: TicketsTabProps): ReactElement => {
     <>
       <EmptyState name="empty_cart" />
       <Center>
-        <Text isGray>
+        <Text $isGray>
           No tickets yet! Browse events to find tickets{' '}
           <Link href="/events">here</Link>.
         </Text>
diff --git a/frontend/components/Tickets/CartTickets.tsx b/frontend/components/Tickets/CartTickets.tsx
index f593b3097..edab5ce80 100644
--- a/frontend/components/Tickets/CartTickets.tsx
+++ b/frontend/components/Tickets/CartTickets.tsx
@@ -313,7 +313,7 @@ const CartTickets: React.FC<CartTicketsProps> = ({ tickets, soldOut }) => {
           }}
         >
           <Subtitle>Your cart is empty</Subtitle>
-          <Text isGray>
+          <Text $isGray>
             To add tickets to your cart, visit the event page and select the
             tickets you wish to purchase. If you believe this is an error,
             please contact support at
diff --git a/frontend/components/Tickets/PaymentForm.tsx b/frontend/components/Tickets/PaymentForm.tsx
index d45d5ebad..8333ace82 100644
--- a/frontend/components/Tickets/PaymentForm.tsx
+++ b/frontend/components/Tickets/PaymentForm.tsx
@@ -36,7 +36,7 @@ const Payment: React.FC<PaymentProps> = ({
   return (
     <>
       <Script
-        src="https://apitest.cybersource.com/up/v1/assets/0.15/SecureAcceptance.js"
+        src="https://api.cybersource.com/up/v1/assets/0.22.0/SecureAcceptance.js"
         async
         onLoad={onLoad}
       />
diff --git a/frontend/components/common/Typography.tsx b/frontend/components/common/Typography.tsx
index ed6806d36..c3c467732 100644
--- a/frontend/components/common/Typography.tsx
+++ b/frontend/components/common/Typography.tsx
@@ -7,11 +7,11 @@ import {
   WHITE,
 } from '../../constants/colors'
 
-export const Text = styled.p<{ isGray?: boolean; color?: string }>`
+export const Text = styled.p<{ $isGray?: boolean; color?: string }>`
   font-size: 1rem;
   margin-bottom: 1rem;
   line-height: 1.5;
-  ${({ isGray }) => (isGray ? `color: ${CLUBS_GREY};` : '')}
+  ${({ $isGray }) => ($isGray ? `color: ${CLUBS_GREY};` : '')}
   ${({ color }) => (color ? `color: ${color};` : '')}
 `