diff --git a/src/components/modal/v2/parts/BodyContent.jsx b/src/components/modal/v2/parts/BodyContent.jsx
index f7e99be58a..0c652d0088 100644
--- a/src/components/modal/v2/parts/BodyContent.jsx
+++ b/src/components/modal/v2/parts/BodyContent.jsx
@@ -8,8 +8,7 @@ import {
     useXProps,
     useScroll,
     useDidUpdateEffect,
-    useTransitionState,
-    isLander
+    useTransitionState
 } from '../lib';
 import Header from './Header';
 import { LongTerm, ShortTerm, NoInterest, ProductList, PayIn1 } from './views';
@@ -66,14 +65,6 @@ const BodyContent = () => {
     const use5Dot1Design = productMeta?.['v5.1'];
     const useNewCheckoutDesign = features?.includes('new-checkout-design') ? 'true' : 'false';
 
-    // add v4Design or v5Design class to root html to update lander specific styles to v4 or v5 respectively
-    const documentClassName = document.documentElement.className;
-    if (useV4Design && isLander) {
-        document.documentElement.className = `${documentClassName} v4Design`;
-    }
-    if (useV5Design && isLander) {
-        document.documentElement.className = `${documentClassName} v5Design`;
-    }
     const isPreapproved = productMeta?.preapproved;
     const shouldShowPreapprovedBadge = productMeta?.showPreapprovedBadge;
     const preapprovalHeadline = content?.preapproval?.preapprovalHeadline;
@@ -127,14 +118,7 @@ const BodyContent = () => {
                 openProductList={openProductList}
             />
         ),
-        [VIEW_IDS.PRODUCT_LIST]: (
-            <ProductList
-                content={content}
-                useV5Design={useV5Design}
-                use5Dot1Design={use5Dot1Design}
-                setViewName={setViewName}
-            />
-        )
+        [VIEW_IDS.PRODUCT_LIST]: <ProductList content={content} setViewName={setViewName} />
     };
 
     // IMPORTANT: These elements cannot be nested inside of other elements.
@@ -171,11 +155,7 @@ const BodyContent = () => {
                     use5Dot1Design={use5Dot1Design}
                 />
             )}
-            <div
-                className={`content__container ${useV4Design ? 'v4Design' : ''} ${useV5Design ? 'v5Design' : ''} ${
-                    useNewCheckoutDesign === 'true' ? 'checkout' : ''
-                } ${use5Dot1Design ? 'v5Dot1Design' : ''} `}
-            >
+            <div className={`content__container ${useNewCheckoutDesign === 'true' ? 'checkout' : ''}`}>
                 <main className="main">
                     <div className="content__body">{viewComponents[viewName]}</div>
                 </main>
diff --git a/src/components/modal/v2/parts/Calculator.jsx b/src/components/modal/v2/parts/Calculator.jsx
index 5a2c83b6f8..a5273d490f 100644
--- a/src/components/modal/v2/parts/Calculator.jsx
+++ b/src/components/modal/v2/parts/Calculator.jsx
@@ -198,22 +198,15 @@ const Calculator = ({
     return (
         <div
             className={`calculator ${useNewCheckoutDesign === 'true' ? 'checkout' : ''} ${
-                useV5Design === 'true' ? 'v5Design' : ''
-            } ${cta ? 'border-checkout' : ''}`}
+                cta ? 'border-checkout' : ''
+            }`}
         >
-            <form
-                className={`form ${useV4Design === 'true' ? 'v4Design' : ''} ${
-                    useV5Design === 'true' ? 'v5Design' : ''
-                } ${useNewCheckoutDesign === 'true' ? 'checkout' : ''}`}
-                onSubmit={submit}
-            >
+            <form className={`form ${useNewCheckoutDesign === 'true' ? 'checkout' : ''}`} onSubmit={submit}>
                 <h3 className={`title ${cta ? 'checkout-title' : ''}`}>
                     {!hasInitialAmount ? genericTitle || title : title}
                 </h3>
                 <div
-                    className={`input__wrapper transitional ${useV5Design === 'true' ? 'v5Design' : ''} ${
-                        cta ? 'checkout' : ''
-                    } ${
+                    className={`input__wrapper transitional ${cta ? 'checkout' : ''} ${
                         country === 'AT' && error && (hasEnteredAmount || hasInitialAmount)
                             ? 'input__wrapper--error'
                             : ''
@@ -254,15 +247,13 @@ const Calculator = ({
                 <div
                     className={`finance-terms__disclaimer ${
                         !(hasInitialAmount || hasUsedInputField) || error ? 'no-amount' : ''
-                    } ${useV5Design === 'true' ? 'v5Design' : ''}`}
+                    }`}
                 >
                     {aprDisclaimer[0].aprDisclaimer}
                 </div>
             )}
             {(country === 'ES' || country === 'IT') && (
-                <div className={`finance-terms__disclaimer ${useV5Design === 'true' ? 'v5Design' : ''}`}>
-                    {genericDisclaimer}
-                </div>
+                <div className="finance-terms__disclaimer">{genericDisclaimer}</div>
             )}
         </div>
     );
diff --git a/src/components/modal/v2/parts/Donut.jsx b/src/components/modal/v2/parts/Donut.jsx
index 11bc098f0d..479d117554 100644
--- a/src/components/modal/v2/parts/Donut.jsx
+++ b/src/components/modal/v2/parts/Donut.jsx
@@ -10,28 +10,21 @@ const Donut = ({
     radiusV4andV5 = 5.5,
     viewBox = `0 0 ${2 * cx} ${2 * cy}`,
     style = { fontSize: '0.375rem' },
-    segmentStrokeWidth = 5.8,
     currentNum = 0,
     numOfPayments = 4,
     timeStamp,
     periodicPayment,
     qualifying,
-    useV4Design,
-    useV5Design,
-    use5Dot1Design,
     useNewCheckoutDesign
 }) => {
     const percentage = (currentNum / numOfPayments) * 100;
-    const segStrokeWidth = segmentStrokeWidth ?? strokeWidth;
     const strokeDasharray = `${percentage} ${100 - percentage}`;
-    const isV4OrV5Design = useV4Design === 'true' || useV5Design === 'true';
-    const isV5Design = useV5Design === 'true';
 
     const segments = (
         <circle
             cx={cx}
             cy={cy}
-            r={isV4OrV5Design ? radiusV4andV5 : radius}
+            r={radiusV4andV5}
             className="donut__percent"
             stroke-dasharray={strokeDasharray}
             stroke-dashoffset={25}
@@ -46,28 +39,21 @@ const Donut = ({
         <div
             className={`donut__single_payment ${
                 isQualifying ? 'donut__qualifying_payment' : 'donut__non_qualifying_payment'
-            } ${isV4OrV5Design && isBelowNumOfPayments ? isPi3 : ''}${
-                isV4OrV5Design && currentNum === numOfPayments ? 'donut__single_payment_line__end' : ''
+            } ${isBelowNumOfPayments ? isPi3 : ''}${
+                currentNum === numOfPayments ? 'donut__single_payment_line__end' : ''
             }`}
         >
-            <span
-                className={`${isV5Design ? 'v5Design' : ''} ${useNewCheckoutDesign === 'true' ? 'checkout' : ''} svg`}
-            >
+            <span className={`${useNewCheckoutDesign === 'true' ? 'checkout' : ''} svg`}>
                 <svg aria-hidden viewBox={viewBox} className="donut" style={style} xmlns="http://www.w3.org/2000/svg">
                     <circle
                         cx={cx}
                         cy={cy}
                         r={radius}
                         fill="transparent"
-                        className={isV4OrV5Design ? 'donut__background__line' : 'donut__background'}
+                        className="donut__background__line"
                         stroke-width={strokeWidth}
                     />
-                    <g
-                        stroke-width={isV4OrV5Design ? 0 : segStrokeWidth}
-                        // eslint-disable-next-line no-nested-ternary
-                        fill={use5Dot1Design ? '#686A6D' : isV4OrV5Design ? '#545D68' : 'transparent'}
-                        stroke-linecap={strokeLinecap}
-                    >
+                    <g stroke-width={0} fill="#686A6D" stroke-linecap={strokeLinecap}>
                         {segments}
                     </g>
                     <text x={cx} y={cy} text-anchor="middle">
@@ -78,20 +64,12 @@ const Donut = ({
             {/* eslint-disable-next-line jsx-a11y/aria-role */}
             <span aria-labelledby={`donut__payment__${currentNum} donut__timestamp__${currentNum}`} role="text">
                 {isQualifying && periodicPayment !== '-' && (
-                    <span
-                        className={`${isV4OrV5Design ? 'donut__payment_v5' : 'donut__payment'} ${
-                            use5Dot1Design ? 'donut__payment_v5Dot1' : ''
-                        }`}
-                        id={`donut__payment__${currentNum}`}
-                        aria-hidden="true"
-                    >
+                    <span className="donut__payment" id={`donut__payment__${currentNum}`} aria-hidden="true">
                         {periodicPayment}
                     </span>
                 )}
                 <span
-                    className={`${isV4OrV5Design ? 'donut__timestamp_v5' : 'donut__timestamp'} ${
-                        use5Dot1Design ? 'donut__timestamp_v5Dot1' : ''
-                    } ${useNewCheckoutDesign === 'true' ? 'checkout' : ''}`}
+                    className={`donut__timestamp ${useNewCheckoutDesign === 'true' ? 'checkout' : ''}`}
                     id={`donut__timestamp__${currentNum}`}
                     aria-hidden="true"
                 >
diff --git a/src/components/modal/v2/parts/Header.jsx b/src/components/modal/v2/parts/Header.jsx
index 2346ccd0b0..bacb0f2dff 100644
--- a/src/components/modal/v2/parts/Header.jsx
+++ b/src/components/modal/v2/parts/Header.jsx
@@ -9,11 +9,7 @@ const Header = ({
     subheadline,
     isQualifying = 'false',
     qualifyingSubheadline,
-    closeButtonLabel = 'Close',
-    viewName,
-    useV4Design,
-    useV5Design,
-    use5Dot1Design
+    closeButtonLabel = 'Close'
 }) => {
     const { country } = useServerData();
     const [, handleClose] = useTransitionState();
@@ -39,18 +35,10 @@ const Header = ({
     return (
         <Fragment>
             <div aria-hidden="true" className="header__fixed-wrapper header__fixed-wrapper--front">
-                <div
-                    className={`header__background-wrapper header__background-wrapper--gradient ${
-                        useV4Design ? 'v4Design' : ''
-                    } ${useV5Design ? 'v5Design' : ''}`}
-                />
+                <div className="header__background-wrapper header__background-wrapper--gradient" />
             </div>
             <div aria-hidden="true" className="header__fixed-wrapper">
-                <div
-                    className={`header__background-wrapper ${useV4Design ? 'v4Design' : ''} ${
-                        useV5Design ? 'v5Design' : ''
-                    }`}
-                />
+                <div className="header__background-wrapper" />
             </div>
             <div className="header__icons">
                 <div className={`logo__wrapper ${isScrolled ? 'logo__wrapper--scroll' : ''}`}>
@@ -62,7 +50,7 @@ const Header = ({
                     // We don't need to render an 'x' button if the target is a lander since you will close via a
                     // merchant-provided close button from their own iframe, or by closing the window in the case of a webpage.
                     <button
-                        className={`close ${useV5Design ? 'v5Design' : ''}`}
+                        className="close"
                         aria-label={closeButtonLabel}
                         type="button"
                         id="close-btn"
@@ -73,43 +61,24 @@ const Header = ({
                     </button>
                 )}
                 <div className="header__fixed-wrapper header__fixed-wrapper--front">
-                    <div
-                        className={`header__background-wrapper header__background-wrapper--sticky ${
-                            useV4Design ? 'v4Design' : ''
-                        } ${useV5Design ? 'v5Design' : ''}`}
-                    />
+                    <div className="header__background-wrapper header__background-wrapper--sticky" />
                 </div>
             </div>
             <div className="header__content">
-                {!useV5Design && (
-                    <div>
-                        <Icon name={`${viewName}-desktop`} />
-                        <Icon name={`${viewName}-mobile`} />
-                        {/* <Icon name="background-pp-mobile" /> */}
-                    </div>
-                )}
                 <h2
                     // id used for aria-labelleby on modal container element
                     id="header__headline"
-                    className={`headline-${countryClassName} ${useV5Design ? 'v5Design' : ''} ${
-                        use5Dot1Design ? 'headline-new' : ''
-                    }`}
+                    className={`headline-${countryClassName}`}
                     // eslint-disable-next-line react/no-danger
                     dangerouslySetInnerHTML={{ __html: headline }}
                 />
                 {isQualifying === 'true' && qualifyingSubheadline !== '' ? (
-                    <p
-                        className={`subheadline_p subheadline-${countryClassName} qualifying ${
-                            useV5Design ? 'v5Design' : ''
-                        }`}
-                    >
+                    <p className={`subheadline_p subheadline-${countryClassName} qualifying`}>
                         {qualifyingSubheadline.replace(/(\s?EUR)/g, ' €')}
                     </p>
                 ) : (
                     <p
-                        className={`subheadline_p subheadline-${countryClassName} ${
-                            useV5Design ? 'v5Design' : ''
-                        } ${getEuroStyleClass(country)}`}
+                        className={`subheadline_p subheadline-${countryClassName} ${getEuroStyleClass(country)}`}
                         // eslint-disable-next-line react/no-danger
                         dangerouslySetInnerHTML={{
                             __html: currencyFormat(subheadline) ?? ''
diff --git a/src/components/modal/v2/parts/Instructions.jsx b/src/components/modal/v2/parts/Instructions.jsx
index d0578ee90d..a076455a7d 100644
--- a/src/components/modal/v2/parts/Instructions.jsx
+++ b/src/components/modal/v2/parts/Instructions.jsx
@@ -2,16 +2,7 @@
 import { Fragment, h } from 'preact';
 import { currencyFormat, getEuroStyleClass } from '../lib';
 
-const Instructions = ({
-    instructions,
-    cta,
-    expandedState = false,
-    className = '',
-    useV4Design,
-    useV5Design,
-    country,
-    useNewCheckoutDesign
-}) => {
+const Instructions = ({ instructions, cta, expandedState = false, className = '', country, useNewCheckoutDesign }) => {
     const renderBullet = (index, design) => {
         return (
             <div className="instructions__bullet">
@@ -36,17 +27,9 @@ const Instructions = ({
     const renderInstructionsContent = () => {
         if (Array.isArray(instructions)) {
             return (
-                <ol
-                    className={`${expandedState ? '' : 'collapsed'} ${className} ${
-                        useV4Design === 'true' ? 'v4Design' : ''
-                    }`}
-                >
+                <ol className={`${expandedState ? '' : 'collapsed'} ${className}`}>
                     {instructions.map((instruction, index) => (
-                        <li
-                            className={`instructions__item-wrapper ${useV5Design ? 'v5Design' : ''} ${getEuroStyleClass(
-                                country
-                            )}`}
-                        >
+                        <li className={`instructions__item-wrapper ${getEuroStyleClass(country)}`}>
                             {renderBullet(index + 1, useNewCheckoutDesign)}
                             <div
                                 // eslint-disable-next-line react/no-danger
@@ -62,22 +45,14 @@ const Instructions = ({
             return (
                 <Fragment>
                     <h2
-                        className={`instructions__item-wrapper ${useV5Design ? 'v5Design' : ''} ${getEuroStyleClass(
-                            country
-                        )}`}
+                        className={`instructions__item-wrapper ${getEuroStyleClass(country)}`}
                         // eslint-disable-next-line react/no-danger
                         dangerouslySetInnerHTML={{ __html: instructions.instructionsHeadline }}
                     />
-                    <ol
-                        className={
-                            (`${expandedState ? '' : 'collapsed'}`,
-                            className,
-                            `${useV4Design === 'true' ? 'v4Design' : ''}`)
-                        }
-                    >
+                    <ol className={`${expandedState ? '' : 'collapsed'} ${className}`}>
                         {instructions.instructionsSubHeadline.map((instruction, index) => {
                             return (
-                                <li className={`instructions__item-wrapper ${useV5Design ? 'v5Design' : ''}`}>
+                                <li className="instructions__item-wrapper">
                                     {instructions.instructionsIcons
                                         ? renderIcons(Object.values(instructions.instructionsIcons)[index])
                                         : renderBullet(index + 1, useNewCheckoutDesign)}
@@ -107,11 +82,7 @@ const Instructions = ({
     };
 
     return (
-        <div
-            className={`content__row instructions ${useV5Design ? 'v5Design' : ''} ${
-                useNewCheckoutDesign === 'true' ? 'checkout' : ''
-            }`}
-        >
+        <div className={`content__row instructions ${useNewCheckoutDesign === 'true' ? 'checkout' : ''}`}>
             <div className={`${cta ? 'instructions__border-checkout' : ''}`}>{renderInstructionsContent()}</div>
         </div>
     );
diff --git a/src/components/modal/v2/parts/OfferAccordion.jsx b/src/components/modal/v2/parts/OfferAccordion.jsx
index 3b88bc820d..c18fbe464f 100644
--- a/src/components/modal/v2/parts/OfferAccordion.jsx
+++ b/src/components/modal/v2/parts/OfferAccordion.jsx
@@ -5,8 +5,6 @@ import Icon from './Icon';
 
 const OfferAccordion = ({
     offer: { content, meta },
-    useV5Design,
-    use5Dot1Design,
     aprDisclaimer,
     index,
     activeSelection,
@@ -31,8 +29,8 @@ const OfferAccordion = ({
         <div
             id={index}
             className={`accordion__container ${activeSelection === index ? 'active' : ''} ${open} ${
-                useV5Design === 'true' ? 'v5Design' : ''
-            } ${use5Dot1Design ? 'v5Dot1Design' : ''} ${offerCountry || ''}`}
+                offerCountry || ''
+            }`}
         >
             <div className="accordion__content">
                 <div className="accordion__row">
diff --git a/src/components/modal/v2/parts/OfferCard.jsx b/src/components/modal/v2/parts/OfferCard.jsx
index 786fd237b4..d09eddb96f 100644
--- a/src/components/modal/v2/parts/OfferCard.jsx
+++ b/src/components/modal/v2/parts/OfferCard.jsx
@@ -1,47 +1,39 @@
 /** @jsx h */
 import { h } from 'preact';
 
-const OfferCard = ({ offer: { content, meta }, useV4Design, useV5Design, use5Dot1Design, useNewCheckoutDesign }) => {
+const OfferCard = ({ offer: { content, meta }, useNewCheckoutDesign }) => {
     const { termsLabel } = content;
     const aprRemoveTrailingZeros = meta?.apr.replace(/\D00$/, '');
     const aprFieldTitle = aprRemoveTrailingZeros === '0' ? termsLabel?.zeroApr : termsLabel?.nonZeroApr;
     const offerHeaderField = termsLabel?.offerHeader;
 
     return (
-        <div className={`offer__container ${useV5Design === 'true' ? 'v5Design' : ''}`}>
-            <div className={`offer__row ${useV5Design === 'true' ? 'v5Design' : ''}`}>
+        <div className="offer__container">
+            <div className="offer__row">
                 <strong
-                    className={`offer__field-header ${use5Dot1Design ? 'v5Dot1Design' : ''}`}
+                    className="offer__field-header"
                     // eslint-disable-next-line react/no-danger
                     dangerouslySetInnerHTML={{ __html: offerHeaderField }}
                 />
             </div>
-            <div className={`offer__row ${useV5Design === 'true' ? 'v5Design' : ''}`}>
+            <div className="offer__row">
                 <div className="offer__field-col">
                     <p
-                        className={`offer__field-title ${useV5Design === 'true' ? 'v5Design' : ''}`}
+                        className="offer__field-title"
                         // eslint-disable-next-line react/no-danger
                         dangerouslySetInnerHTML={{ __html: aprFieldTitle }}
                     />
                     <div className="offer__field-value">{aprRemoveTrailingZeros}%</div>
                 </div>
                 <div className="offer__field-col">
-                    <p className={`offer__field-title ${useV5Design === 'true' ? 'v5Design' : ''}`}>
-                        {termsLabel?.totalInterest}
-                    </p>
+                    <p className="offer__field-title">{termsLabel?.totalInterest}</p>
                     <p className="offer__field-value">{meta?.formattedTotalInterest}</p>
                 </div>
                 <div className="offer__field-col">
-                    <strong
-                        className={`offer__field-title ${useV4Design === 'true' ? 'v4Design' : ''} ${
-                            useV5Design === 'true' ? 'v5Design' : ''
-                        } ${use5Dot1Design ? 'v5Dot1Design' : ''} ${useNewCheckoutDesign === 'true' ? 'checkout' : ''}`}
-                    >
+                    <strong className={`offer__field-title ${useNewCheckoutDesign === 'true' ? 'checkout' : ''}`}>
                         {termsLabel?.total}
                     </strong>
-                    <strong className={`offer__field-value ${use5Dot1Design ? 'v5Dot1Design' : ''}`}>
-                        {meta?.formattedTotalCost}
-                    </strong>
+                    <strong className="offer__field-value">{meta?.formattedTotalCost}</strong>
                 </div>
             </div>
         </div>
diff --git a/src/components/modal/v2/parts/Tile.jsx b/src/components/modal/v2/parts/Tile.jsx
index c7e78acb05..66ee2320bb 100644
--- a/src/components/modal/v2/parts/Tile.jsx
+++ b/src/components/modal/v2/parts/Tile.jsx
@@ -2,12 +2,12 @@
 import { h } from 'preact';
 import { useXProps } from '../lib';
 
-const Tile = ({ header, body, viewName, setViewName, useV5Design, use5Dot1Design }) => {
+const Tile = ({ header, body, viewName, setViewName }) => {
     const { onClick } = useXProps();
 
     return (
         <button
-            className={`tile ${useV5Design ? 'v5Design' : ''} ${use5Dot1Design ? 'v5Dot1Design' : ''}`}
+            className="tile"
             aria-label={`${header} ${body}`}
             type="button"
             onClick={() => {
@@ -18,13 +18,7 @@ const Tile = ({ header, body, viewName, setViewName, useV5Design, use5Dot1Design
             <div className="tile__row">
                 <div aria-hidden="true" className="tile__col">
                     <div className="tile__header">{header}</div>
-                    <div
-                        className={`tile__body ${useV5Design ? 'v5Design' : ''} ${
-                            use5Dot1Design ? 'v5Dot1Design' : ''
-                        }`}
-                    >
-                        {body}
-                    </div>
+                    <div className="tile__body">{body}</div>
                 </div>
             </div>
         </button>
diff --git a/src/components/modal/v2/parts/views/LongTerm/Content.jsx b/src/components/modal/v2/parts/views/LongTerm/Content.jsx
index 6aa99a6034..bf466a63d0 100644
--- a/src/components/modal/v2/parts/views/LongTerm/Content.jsx
+++ b/src/components/modal/v2/parts/views/LongTerm/Content.jsx
@@ -110,6 +110,20 @@ export const LongTerm = ({
      * we make sure "cta" is not in the content. If "cta" is not undefined, return the Checkout-specific cta button.
      * Otherwise, render the Product List link.
      */
+    const renderProductListLink = () => {
+        if (views?.length > 2 && typeof cta === 'undefined') {
+            return (
+                <Fragment>
+                    {navLinkPrefix && <div className="content__row nav__link-prefix">{navLinkPrefix}</div>}
+                    <ProductListLink openProductList={openProductList} className={country?.toLowerCase()}>
+                        {linkToProductList}
+                    </ProductListLink>
+                </Fragment>
+            );
+        }
+        return null;
+    };
+
     const renderCheckoutCtaButton = () => {
         /**
          * Event link name used in Pay Monthly XO version of the modal.
@@ -161,16 +175,7 @@ export const LongTerm = ({
                 </div>
             );
         }
-        if (views?.length > 2) {
-            return (
-                <Fragment>
-                    {navLinkPrefix && <div className="content__row nav__link-prefix">{navLinkPrefix}</div>}
-                    <ProductListLink openProductList={openProductList} className={country?.toLowerCase()}>
-                        {linkToProductList}
-                    </ProductListLink>
-                </Fragment>
-            );
-        }
+
         return null;
     };
 
@@ -237,12 +242,13 @@ export const LongTerm = ({
             <div
                 className={`content__row disclosure ${expandedState ? '' : 'collapsed'} ${
                     useNewCheckoutDesign === 'true' ? 'checkout' : ''
-                } ${useV5Design === 'true' ? 'v5Design' : ''} ${getEuroStyleClass(country)} ${
-                    isPrequalExperience ? 'prequal-fixed-offset' : ''
-                }`}
+                }  ${getEuroStyleClass(country)} ${isPrequalExperience ? 'prequal-fixed-offset' : ''}`}
             >
                 {getDisclosure(disclosure)}
             </div>
+            <div className={`content__row productLink${isPrequalExperience ? ' prequal-fixed-offset' : ''}`}>
+                <div className="productLink__container">{renderProductListLink()}</div>
+            </div>
             {conditionalStickyButton}
         </Fragment>
     );
diff --git a/src/components/modal/v2/parts/views/LongTerm/styles.scss b/src/components/modal/v2/parts/views/LongTerm/styles.scss
index 54e70f3bd1..c9ce323a75 100644
--- a/src/components/modal/v2/parts/views/LongTerm/styles.scss
+++ b/src/components/modal/v2/parts/views/LongTerm/styles.scss
@@ -58,7 +58,7 @@
     flex-direction: column;
     align-items: center;
 
-    .button.cta {
+    .button .cta:not(.checkout) {
         padding: 12px 0;
     }
 
@@ -98,6 +98,12 @@
     @include mixins.apiIframe {
         max-width: variables.$content-wrapper-max-width-api-iframe;
     }
+
+    &.checkout {
+        .button.cta {
+            margin-top: 10px;
+        }
+    }
 }
 
 .prequal-fixed-offset {
@@ -110,7 +116,7 @@
 
 .offer-terms {
     color: colors.$text-main;
-    background-color: #E3F7FF;
+    background-color: #e3f7ff;
     border-radius: 12px;
     padding: 16px;
     margin: 12px 0;
diff --git a/src/components/modal/v2/parts/views/NoInterest/Content.jsx b/src/components/modal/v2/parts/views/NoInterest/Content.jsx
index 94c1966435..8e15cd0a75 100644
--- a/src/components/modal/v2/parts/views/NoInterest/Content.jsx
+++ b/src/components/modal/v2/parts/views/NoInterest/Content.jsx
@@ -10,8 +10,7 @@ import { useServerData, useApplyNow } from '../../../lib';
 
 export const NoInterest = ({
     content: { headline, instructions, terms, buttonText, disclaimer, footer, linkToProductList },
-    openProductList,
-    use5Dot1Design
+    openProductList
 }) => {
     const { views } = useServerData();
     const buttonRef = useRef();
@@ -48,10 +47,8 @@ export const NoInterest = ({
                 <div className="content__footer">
                     <div className="content__row terms">
                         {terms.map(item => (
-                            <p className={`terms-item ppcc ${use5Dot1Design ? 'v5Dot1Design' : ''}`}>
-                                {Array.isArray(item) && (
-                                    <span className={`terms-bullet ${use5Dot1Design ? 'v5Dot1Design' : ''}`} />
-                                )}
+                            <p className="terms-item ppcc">
+                                {Array.isArray(item) && <span className="terms-bullet" />}
                                 <span className="terms-content">
                                     {Array.isArray(item) ? (
                                         item.map(subItem => <InlineLinks text={subItem} />)
@@ -64,7 +61,7 @@ export const NoInterest = ({
                     </div>
                     <div className="content__row terms">
                         {footer.map(lineContent => (
-                            <p className={`content__footer-item ${use5Dot1Design ? 'v5Dot1Design' : ''}`}>
+                            <p className="content__footer-item">
                                 <InlineLinks text={lineContent} />
                             </p>
                         ))}
@@ -75,15 +72,15 @@ export const NoInterest = ({
                 <div className="content__footer">
                     <div className="content__row terms">
                         {terms.map(item => (
-                            <p className={`terms-item ${use5Dot1Design ? 'v5Dot1Design' : ''}`}>
-                                <span className={`terms-bullet ${use5Dot1Design ? 'v5Dot1Design' : ''}`} />
+                            <p className="terms-item">
+                                <span className="terms-bullet" />
                                 <span className="terms-content">{item}</span>
                             </p>
                         ))}
                     </div>
                     <div className="terms">
                         {footer.map(lineContent => (
-                            <p className={`content__footer-item  ${use5Dot1Design ? 'v5Dot1Design' : ''}`}>
+                            <p className="content__footer-item">
                                 <InlineLinks text={lineContent} />
                             </p>
                         ))}
@@ -94,11 +91,7 @@ export const NoInterest = ({
             <div className="content__row dynamic no-interest">
                 <div className="button__fixed-wrapper">
                     <div className="button__container">
-                        <Button
-                            className={`content__row ${use5Dot1Design ? 'v5Dot1Design' : ''}`}
-                            onClick={handleApplyNowClick}
-                            ref={buttonRef}
-                        >
+                        <Button className="content__row" onClick={handleApplyNowClick} ref={buttonRef}>
                             {buttonText}
                         </Button>
                         <div aria-describedby="Subject to Credit Approval" className="content__row content__disclaimer">
diff --git a/src/components/modal/v2/parts/views/NoInterest/styles.scss b/src/components/modal/v2/parts/views/NoInterest/styles.scss
index ba4ce0df08..c049573187 100644
--- a/src/components/modal/v2/parts/views/NoInterest/styles.scss
+++ b/src/components/modal/v2/parts/views/NoInterest/styles.scss
@@ -119,16 +119,12 @@
             }
 
             &-item {
-                color: colors.$gray;
+                color: colors.$v5-gray;
                 margin-bottom: 20px;
                 font-size: 14px;
                 display: flex;
                 margin-left: unset;
 
-                &.v5Dot1Design {
-                    color: colors.$v5-gray;
-                }
-
                 @include mixins.mobile {
                     margin-bottom: 10px;
                 }
@@ -171,13 +167,10 @@
                     font-weight: bold;
                     font-size: large;
                 }
-                &.v5Dot1Design::before {
+                &::before {
                     color: colors.$v5-gray;
                 }
             }
-            // &-content {
-                
-            // }
         }
 
         &-item {
@@ -206,11 +199,7 @@
             list-style: none;
             font-size: 14px;
             margin: 0 0 20px 0;
-            color: colors.$gray;
-
-            &.v5Dot1Design {
-                color: colors.$v5-gray;
-            }
+            color: colors.$v5-gray;
         }
     }
 }
diff --git a/src/components/modal/v2/parts/views/PayIn1/Content.jsx b/src/components/modal/v2/parts/views/PayIn1/Content.jsx
index 4eaab28835..603cff9d8d 100644
--- a/src/components/modal/v2/parts/views/PayIn1/Content.jsx
+++ b/src/components/modal/v2/parts/views/PayIn1/Content.jsx
@@ -44,7 +44,7 @@ export const PayIn1 = ({
                     </div>
                 </div>
             </div>
-            <div className={`content__row disclosure ${useV5Design ? 'v5Design' : ''} ${getEuroStyleClass(country)}`}>
+            <div className={`content__row disclosure ${getEuroStyleClass(country)}`}>
                 <InlineLinks text={currencyFormat(disclosure)} />
             </div>
             <div className="content__row productLink">
diff --git a/src/components/modal/v2/parts/views/ProductList/Content.jsx b/src/components/modal/v2/parts/views/ProductList/Content.jsx
index 1756b130fb..9f55fae656 100644
--- a/src/components/modal/v2/parts/views/ProductList/Content.jsx
+++ b/src/components/modal/v2/parts/views/ProductList/Content.jsx
@@ -5,12 +5,7 @@ import Tile from '../../Tile';
 import { currencyFormat } from '../../../lib/hooks/currency';
 import styles from './styles.scss';
 
-export const ProductList = ({
-    content: { instructions, disclosure, productTiles },
-    useV5Design,
-    use5Dot1Design,
-    setViewName
-}) => {
+export const ProductList = ({ content: { instructions, disclosure, productTiles }, setViewName }) => {
     const { views, country } = useServerData();
     const availableTiles = {
         payLater: productTiles?.payLater?.filter(tile => views.find(view => tile.viewName === view.meta.product)),
@@ -20,11 +15,7 @@ export const ProductList = ({
     return (
         <Fragment>
             <style>{styles._getCss()}</style>
-            <div
-                className={`content__row dynamic product-list ${useV5Design ? 'v5Design' : ''} ${
-                    use5Dot1Design ? 'v5Dot1Design' : ''
-                }`}
-            >
+            <div className="content__row dynamic product-list">
                 <div className="content__col">
                     <div className="content__row product-list">
                         <p
@@ -35,19 +26,12 @@ export const ProductList = ({
                     </div>
                     {productTiles &&
                         availableTiles.payLater?.map(({ header, body, viewName }) => (
-                            <Tile
-                                header={header}
-                                body={body}
-                                viewName={viewName}
-                                setViewName={setViewName}
-                                useV5Design={useV5Design}
-                                use5Dot1Design={use5Dot1Design}
-                            />
+                            <Tile header={header} body={body} viewName={viewName} setViewName={setViewName} />
                         ))}
 
                     {productTiles && !!availableTiles.credit?.length && (
                         <div className="content__row product-list">
-                            <p className={`credit ${useV5Design ? 'v5Design' : ''}`}>{instructions.credit}</p>
+                            <p className="credit">{instructions.credit}</p>
                         </div>
                     )}
                     {productTiles &&
@@ -57,8 +41,6 @@ export const ProductList = ({
                                 body={currencyFormat(body)}
                                 viewName={viewName}
                                 setViewName={setViewName}
-                                useV5Design={useV5Design}
-                                use5Dot1Design={use5Dot1Design}
                             />
                         ))}
                 </div>
@@ -66,13 +48,7 @@ export const ProductList = ({
                     <div className="branded-image" />
                 </div>
             </div>
-            <div
-                className={`content__row disclosure collapsed ${useV5Design ? 'v5Design' : ''} ${getEuroStyleClass(
-                    country
-                )}`}
-            >
-                {disclosure}
-            </div>
+            <div className={`content__row disclosure collapsed ${getEuroStyleClass(country)}`}>{disclosure}</div>
         </Fragment>
     );
 };
diff --git a/src/components/modal/v2/parts/views/ProductList/styles.scss b/src/components/modal/v2/parts/views/ProductList/styles.scss
index 037bf1563b..69a8a867dc 100644
--- a/src/components/modal/v2/parts/views/ProductList/styles.scss
+++ b/src/components/modal/v2/parts/views/ProductList/styles.scss
@@ -20,7 +20,5 @@ p {
     &.credit {
         margin-top: 7px;
     }
-    &.v5Design {
-        margin-bottom: 16px;
-    }
+    margin-bottom: 16px;
 }
diff --git a/src/components/modal/v2/parts/views/ShortTerm/Content.jsx b/src/components/modal/v2/parts/views/ShortTerm/Content.jsx
index 9b06ea38b4..99c378ae12 100644
--- a/src/components/modal/v2/parts/views/ShortTerm/Content.jsx
+++ b/src/components/modal/v2/parts/views/ShortTerm/Content.jsx
@@ -223,7 +223,7 @@ export const ShortTerm = ({
             <div
                 className={`content__row disclosure ${
                     (cta && useNewCheckoutDesign === 'true') || cta ? 'checkout' : ''
-                } ${useV5Design === 'true' ? 'v5Design' : ''}`}
+                }`}
             >
                 <InlineLinks text={currencyFormat(disclosure)} />
                 {renderLearnMoreLink()}
diff --git a/src/components/modal/v2/parts/views/ShortTerm/styles.scss b/src/components/modal/v2/parts/views/ShortTerm/styles.scss
index d3267ed421..3846a616a3 100644
--- a/src/components/modal/v2/parts/views/ShortTerm/styles.scss
+++ b/src/components/modal/v2/parts/views/ShortTerm/styles.scss
@@ -19,13 +19,37 @@
             align-items: center;
             justify-content: space-evenly;
             width: 100%;
-            max-width: 360px;
             margin: 0 auto;
             padding: 0 20px 15px 20px;
+            position: relative;
+
+            &::before {
+                content: '';
+                position: absolute;
+                z-index: 0;
+                top: 25px;
+                left: 90px;
+                right: 90px;
+                border-top: 1px dashed colors.$dark-gray;
+
+                @include mixins.mobile {
+                    left: 47px;
+                    right: 47px;
+                }
+            }
+
+            &:has(.donut__single_payment_line__3)::before {
+                left: 118px;
+                right: 118px;
+
+                @include mixins.mobile {
+                    left: 47px;
+                    right: 47px;
+                }
+            }
 
             @include mixins.desktop {
                 transform: translate(0px, 1rem);
-                position: relative;
                 top: 30px;
             }
 
@@ -47,11 +71,9 @@
                 justify-content: space-between;
             }
 
-            .v5Design & {
-                @include mixins.tablet {
-                    margin-top: 20px;
-                    margin-bottom: 20px;
-                }
+            @include mixins.tablet {
+                margin-top: 20px;
+                margin-bottom: 20px;
             }
         }
     }
@@ -154,7 +176,7 @@
         flex-direction: column;
         align-items: center;
 
-        .button.cta {
+        .button.cta:not(.checkout) {
             padding: 12px 0;
         }
 
@@ -190,17 +212,15 @@
         }
 
         &.checkout {
-            .button {
-                @include mixins.tablet {
-                    width: auto;
-                }
+            .button.cta {
+                margin-top: 10px;
             }
         }
     }
 
     .offer-terms {
         color: colors.$text-main;
-        background-color: #E3F7FF;
+        background-color: #e3f7ff;
         border-radius: 12px;
         padding: 16px;
         margin: 12px 0;
@@ -262,6 +282,12 @@
             padding: 6px 16px 16px 16px;
             max-width: auto;
             margin-top: 10px;
+
+            &::before {
+                top: 31px;
+                left: 68px;
+                right: 68px;
+            }
         }
     }
 
@@ -277,10 +303,8 @@
     }
 
     .disclosure {
-        &.v5Design {
-            color: colors.$v5-gray;
-            padding-top: 24px;
-        }
+        color: colors.$v5-gray;
+        padding-top: 24px;
 
         &.checkout {
             padding-bottom: 60px;
diff --git a/src/components/modal/v2/styles/components/_button.scss b/src/components/modal/v2/styles/components/_button.scss
index 31eea2de25..31d32b891c 100644
--- a/src/components/modal/v2/styles/components/_button.scss
+++ b/src/components/modal/v2/styles/components/_button.scss
@@ -29,13 +29,6 @@
             outline: 3px solid colors.$black;
         }
 
-        .v5Design & {
-            font-family: variables.$paypal-pro;
-        }
-
-        .v5Dot1Design & {
-            background: colors.$black;
-        }
     }
 
     &.checkout {
diff --git a/src/components/modal/v2/styles/components/_calculator.scss b/src/components/modal/v2/styles/components/_calculator.scss
index f7ee919509..0d0d2d467c 100644
--- a/src/components/modal/v2/styles/components/_calculator.scss
+++ b/src/components/modal/v2/styles/components/_calculator.scss
@@ -1,6 +1,6 @@
-@use "../globals/colors";
-@use "../globals/mixins";
-@use "../globals/variables";
+@use '../globals/colors';
+@use '../globals/mixins';
+@use '../globals/variables';
 
 .calculator {
     .loading & {
@@ -148,21 +148,19 @@
                 }
             }
 
-            &.v5Design {
-                @include mixins.tablet {
-                    margin-right: 15px;
-                }
-                .input__label {
-                    left: 12px;
-                    top: 8px;
-                }
-                input {
-                    width: 100%;
-                    padding-left: 12px;
-                    padding-bottom: 8px;
-                    @include mixins.mobile {
-                        padding-right: 0px;
-                    }
+            @include mixins.tablet {
+                margin-right: 15px;
+            }
+            .input__label {
+                left: 12px;
+                top: 8px;
+            }
+            input {
+                width: 100%;
+                padding-left: 12px;
+                padding-bottom: 8px;
+                @include mixins.mobile {
+                    padding-right: 0px;
                 }
             }
 
@@ -171,35 +169,30 @@
             }
         }
 
-        &.v5Design {
-            h4 {
-                font-weight: 700;
-            }
-            label {
-                color: colors.$v5-gray;
-            }
-            input {
-                border: 1px solid colors.$v5-gray;
-            }
-            // @include tablet {
-            display: flex;
-            flex-direction: column;
-            // }
+        h4 {
+            font-weight: 700;
+        }
+        label {
+            color: colors.$v5-gray;
+        }
+        input {
+            border: 1px solid colors.$v5-gray;
+        }
 
-            .calculator__error {
-                & > div {
-                    max-width: none;
-                }
+        .calculator__error {
+            & > div {
+                max-width: none;
             }
+        }
 
-            .input__wrapper--error {
-                .input {
-                    border-color: colors.$error-red;
-                }
+        .input__wrapper--error {
+            .input {
+                border-color: colors.$error-red;
             }
         }
+        display: flex;
+        flex-direction: column;
 
-        &.v4Design,
         &.checkout {
             h3 {
                 font-weight: 700;
@@ -268,34 +261,30 @@
             margin-top: 0px;
         }
 
-        &.v5Design {
-            color: colors.$v5-gray;
-            padding-top: 16px;
-        }
+        color: colors.$v5-gray;
+        padding-top: 16px;
     }
 
-    &.v5Design {
-        text-align: left;
-        @include mixins.tablet {
-            width: 88%;
-        }
-        @include mixins.mobile {
-            width: 100%;
-            padding-right: 0px;
-        }
+    text-align: left;
+    @include mixins.tablet {
+        width: 88%;
+    }
+    @include mixins.mobile {
+        width: 100%;
+        padding-right: 0px;
+    }
 
-        .offer__wrapper {
-            display: flex;
-            flex-direction: column;
-        }
+    .offer__wrapper {
+        display: flex;
+        flex-direction: column;
+    }
 
-        &.border-checkout {
-            width: auto;
-            padding-right: 35px;
+    &.border-checkout {
+        width: auto;
+        padding-right: 35px;
 
-            &.checkout {
-                padding-left: 20px;
-            }
+        &.checkout {
+            padding-left: 20px;
         }
     }
 
diff --git a/src/components/modal/v2/styles/components/_content.scss b/src/components/modal/v2/styles/components/_content.scss
index 7b8f4f0308..730fa6eb76 100644
--- a/src/components/modal/v2/styles/components/_content.scss
+++ b/src/components/modal/v2/styles/components/_content.scss
@@ -52,16 +52,8 @@
                     padding-right: 65px;
                 }
 
-                &.v5Design {
-                    button {
-                        background-color: #f5f7fb;
-                    }
-                }
-
-                &.v5Dot1Design {
-                    button {
-                        background-color: colors.$white;
-                    }
+                button {
+                    background-color: colors.$white;
                 }
             }
 
@@ -153,12 +145,11 @@
                 margin-top: 10px;
             }
 
-            &.v5Design {
-                color: colors.$v5-gray;
-                margin-top: 20px;
-                &.DE {
-                    margin-top: auto;
-                }
+            color: colors.$v5-gray;
+            margin-top: 20px;
+
+            &.DE {
+                margin-top: auto;
             }
 
             &.checkout {
@@ -181,12 +172,7 @@
         }
     }
 
-    &.v4Design {
-        background: colors.$v4-gray;
-    }
-    &.v5Design {
-        background: colors.$v5-white;
-    }
+    background: colors.$v5-white;
 
     &.checkout {
         background-color: colors.$white;
diff --git a/src/components/modal/v2/styles/components/_donut.scss b/src/components/modal/v2/styles/components/_donut.scss
index 1f1d04d3f5..47e7168bcd 100644
--- a/src/components/modal/v2/styles/components/_donut.scss
+++ b/src/components/modal/v2/styles/components/_donut.scss
@@ -1,6 +1,6 @@
 @use '../globals/mixins';
-@use "../globals/colors";
-@use "../globals/variables";
+@use '../globals/colors';
+@use '../globals/variables';
 
 $webpage: 1640px;
 $green500: #388c00;
@@ -42,6 +42,7 @@ $donut-text-v5: #545d68;
     }
 
     svg {
+        background-color: white;
         max-width: 50px;
         width: 100%;
 
@@ -85,17 +86,13 @@ $donut-text-v5: #545d68;
 
         &.donut__payment {
             font-family: variables.$paypal-open;
-            color: colors.$text-main;
+            color: colors.$v5-gray;
             font-size: 0.9rem;
             margin-top: 0.3rem;
 
             @media all and (min-width: $webpage) {
                 margin-top: 0.25rem;
             }
-            &_v5 {
-                @extend .donut__payment;
-                color: $donut-text-v5;
-            }
 
             .checkout & {
                 font-size: 16px;
@@ -103,17 +100,13 @@ $donut-text-v5: #545d68;
         }
 
         &.donut__timestamp {
-            color: colors.$text-main;
+            color: colors.$v5-gray;
             font-family: variables.$paypal-open;
             font-size: 0.9rem;
             @include mixins.desktop {
                 line-height: 22px;
             }
             white-space: nowrap;
-            &_v5 {
-                @extend .donut__timestamp;
-                color: $donut-text-v5;
-            }
             .checkout & {
                 width: 80px;
                 text-wrap: auto;
@@ -125,80 +118,20 @@ $donut-text-v5: #545d68;
             svg g {
                 fill: $donut-background;
             }
-            span.donut__timestamp_v5,
-            span.donut__payment_v5 {
-                color: colors.$text-main;
-            }
-        }
-        span.donut__timestamp_v5Dot1,
-        span.donut__payment_v5Dot1 {
-            color: colors.$v5-gray;
         }
         .svg {
             display: flex;
             flex-direction: column;
             align-items: center;
-
-            &::after {
-                content: '';
-                flex-grow: 1;
-                border-top: 1px dashed colors.$dark-gray;
-                width: 100%;
-                max-width: 50px;
-                transform: translateX((97%));
-                margin-top: -50%;
-                margin-bottom: 50%;
-
-                @include mixins.smallHeightMobile {
-                    transform: translateX((100%));
-                }
-                @include mixins.mobile {
-                    max-width: 45px;
-                }
-                @include mixins.smallMobile {
-                    max-width: 35px;
-                }
-            }
-        }
-        .v5Design {
-            &.svg::after {
-                margin-bottom: 12px;
-            }
+            position: relative;
+            z-index: 1;
         }
 
         &__3 {
             @extend .donut__single_payment_line;
-            .svg {
-                @include mixins.mobile {
-                    position: relative;
-                }
-
-                &::after {
-                    max-width: 85px;
-                    transform: translateX((100%));
-                    margin-left: 50%;
-
-                    @include mixins.smallHeightMobile {
-                        transform: translateX((75%));
-                    }
-                    @include mixins.mobile {
-                        max-width: none;
-                        padding-left: 2px;
-                    }
-                    @include mixins.smallMobile {
-                        max-width: min(55px, calc(100vw * 0.3));
-                        transform: translateX((57%));
-                    }
-                }
-            }
         }
         &__end {
             @extend .donut__single_payment_line;
-            .svg {
-                &::after {
-                    visibility: hidden;
-                }
-            }
         }
     }
 }
diff --git a/src/components/modal/v2/styles/components/_header.scss b/src/components/modal/v2/styles/components/_header.scss
index 61a95f5c9e..a8e178baa1 100644
--- a/src/components/modal/v2/styles/components/_header.scss
+++ b/src/components/modal/v2/styles/components/_header.scss
@@ -40,20 +40,13 @@
         @include mixins.lander {
             border-radius: 0;
         }
-
-        .v4Design {
-            background-color: colors.$v4-gray;
-        }
-        .v5Design {
-            background-color: colors.$v5-white;
-        }
     }
 
     &__background-wrapper {
         overflow: hidden;
         height: 25rem; // Needs to be tall enough to seamlessly flow behind the main body content
         max-height: 85vh; // Prevent it from bleeding below on small height tablet views
-        background-color: colors.$beige;
+        background-color: colors.$v5-white;
 
         // We have multiple backgrounds to give the appearance of
         // reserving space at the top of the modal when scrolling.
@@ -179,9 +172,12 @@
                 margin-right: 2px;
             }
 
+            height: 50px;
+            width: 50px;
+
             svg {
-                height: 48px;
-                width: 48px;
+                height: 30px;
+                width: 30px;
                 pointer-events: none;
 
                 @include mixins.desktop {
@@ -196,16 +192,6 @@
                     stroke-width: 2.2;
                 }
             }
-
-            &.v5Design {
-                height: 50px;
-                width: 50px;
-
-                svg {
-                    height: 30px;
-                    width: 30px;
-                }
-            }
         }
 
         &.checkout {
@@ -219,6 +205,11 @@
                 margin: 10px auto 10px 10px;
                 padding-left: 0px;
 
+                svg {
+                    height: 48px;
+                    width: 48px;
+                }
+
                 @include mixins.mobile {
                     margin-left: 15px;
                 }
@@ -270,8 +261,9 @@
         }
 
         h2 {
-            font-size: 28px;
-            font-weight: 400;
+            font-family: variables.$paypal-pro;
+            font-size: 40px;
+            font-weight: bold;
             line-height: 36px;
             text-align: left;
             color: colors.$text-main;
@@ -288,6 +280,7 @@
 
             @include mixins.tablet {
                 margin-left: 62px;
+                max-width: 500px;
                 @include mixins.lander {
                     max-width: 100%;
                 }
@@ -344,13 +337,6 @@
                     max-width: 75%;
                 }
             }
-
-            &.v5Design {
-                font-family: variables.$paypal-pro;
-                font-weight: bold;
-                font-size: 40px;
-                line-height: 36px;
-            }
         }
 
         .subheadline_p {
@@ -360,22 +346,21 @@
             text-align: left;
             color: colors.$text-main;
             margin: 0px;
+            max-width: 503px;
+            margin-bottom: 0px;
 
             @include mixins.desktop {
                 margin-left: 52px;
                 margin-top: 0px;
-                margin-bottom: 80px;
             }
 
             @include mixins.tablet {
-                max-width: 380px;
                 margin-left: 62px;
-                margin-bottom: 60px;
             }
 
             @include mixins.mobile {
                 max-width: 75%;
-                padding: 10px 22px 100px;
+                padding: 10px 22px 40px;
                 line-height: 20px;
             }
 
@@ -387,15 +372,8 @@
                 white-space: nowrap;
             }
 
-            &.v5Design {
-                max-width: 503px;
-                margin-bottom: 0px;
-                @include mixins.mobile {
-                    padding: 10px 22px 40px;
-                }
-                &.DE {
-                    margin-bottom: 20px;
-                }
+            &.DE {
+                margin-bottom: 20px;
             }
 
             .checkout & {
diff --git a/src/components/modal/v2/styles/components/_instructions.scss b/src/components/modal/v2/styles/components/_instructions.scss
index 30bafb237e..81cbec3287 100644
--- a/src/components/modal/v2/styles/components/_instructions.scss
+++ b/src/components/modal/v2/styles/components/_instructions.scss
@@ -121,16 +121,8 @@
             }
         }
 
-        .v4Design {
-            strong {
-                font-weight: 400;
-            }
-        }
-
-        &.v5Design {
-            &.DE strong {
-                font-weight: 400;
-            }
+        &.DE strong {
+            font-weight: 400;
         }
     }
 
@@ -193,50 +185,45 @@
         }
     }
 
-    &.v5Design {
-        padding-top: 14px;
-        margin-bottom: 50px;
+    padding-top: 14px;
+    margin-bottom: 50px;
 
-        &.checkout {
-            margin-bottom: 0px;
+    ol {
+        @include mixins.tablet {
+            width: 88%;
         }
+    }
 
+    .instructions__border-checkout {
         ol {
             @include mixins.tablet {
-                width: 88%;
+                padding-left: 20px;
+            }
+        }
+
+        h2 {
+            @include mixins.tablet {
+                margin-left: 20px;
             }
         }
 
-        .instructions__border-checkout {
+        .checkout & {
             ol {
                 @include mixins.tablet {
-                    padding-left: 20px;
+                    padding-left: 0px;
                 }
             }
 
             h2 {
                 @include mixins.tablet {
-                    margin-left: 20px;
-                }
-            }
-
-            .checkout & {
-                ol {
-                    @include mixins.tablet {
-                        padding-left: 0px;
-                    }
-                }
-
-                h2 {
-                    @include mixins.tablet {
-                        margin-left: 0px;
-                    }
+                    margin-left: 0px;
                 }
             }
         }
     }
 
     &.checkout {
+        margin-bottom: 0px;
         h2 {
             @include mixins.tablet {
                 margin-left: 0px;
diff --git a/src/components/modal/v2/styles/components/_loading-shimmer.scss b/src/components/modal/v2/styles/components/_loading-shimmer.scss
index 1897ee5470..63caf17a94 100644
--- a/src/components/modal/v2/styles/components/_loading-shimmer.scss
+++ b/src/components/modal/v2/styles/components/_loading-shimmer.scss
@@ -71,9 +71,7 @@
     }
     &__container {
         &.shimmer {
-            .v5Design & {
-                width: 100%;
-            }
+            width: 100%;
         }
         &:first-child {
             &.shimmer {
diff --git a/src/components/modal/v2/styles/components/_offer-accordion.scss b/src/components/modal/v2/styles/components/_offer-accordion.scss
index 8cbd0c27e6..b254984b08 100644
--- a/src/components/modal/v2/styles/components/_offer-accordion.scss
+++ b/src/components/modal/v2/styles/components/_offer-accordion.scss
@@ -26,28 +26,21 @@
             outline: 3px solid colors.$light-blue;
             border-color: transparent;
         }
-        &.v5Design {
-            width: 100%;
-            padding-right: 5px;
-            &:not(:last-child) {
-                margin-bottom: 16px;
-            }
-            .accordion__row {
-                button {
-                    border-radius: 11px;
-                }
+        width: 100%;
+        padding-right: 5px;
+        &:not(:last-child) {
+            margin-bottom: 16px;
+        }
+        .accordion__row {
+            button {
+                border-radius: 11px;
             }
         }
 
         &.open {
-            &.v5Design {
-                background-color: colors.$white;
-                outline: 3px solid colors.$black;
-                border-color: transparent;
-            }
-            &.v5Dot1Design {
-                outline: 3px solid #0070e0;
-            }
+            background-color: colors.$white;
+            outline: 3px solid #0070e0;
+            border-color: transparent;
         }
          &.IT,
         &.ES {
@@ -90,9 +83,7 @@
 
         .accordion__offer-field-header {
             &:first-child {
-                .v5Design & {
-                    font-weight: bold;
-                }
+                font-weight: bold;
             }
         }
     }
diff --git a/src/components/modal/v2/styles/components/_offer-card.scss b/src/components/modal/v2/styles/components/_offer-card.scss
index 21fcf6cfac..335efba841 100644
--- a/src/components/modal/v2/styles/components/_offer-card.scss
+++ b/src/components/modal/v2/styles/components/_offer-card.scss
@@ -30,10 +30,8 @@ strong {
             }
         }
 
-        &.v5Design {
-            &:last-child {
-                margin-bottom: 0px;
-            }
+        &:last-child {
+            margin-bottom: 0px;
         }
 
         @include mixins.desktop {
@@ -88,6 +86,8 @@ strong {
     }
     &__field-header {
         font-size: 18px;
+        color: colors.$text-main;
+        font-weight: bold;
         @include mixins.mobile {
             font-size: 18px;
             margin-top: 16px;
@@ -96,11 +96,6 @@ strong {
             font-size: 1rem;
         }
 
-        &.v5Dot1Design {
-            color: colors.$text-main !important;
-            font-weight: bold !important;
-        }
-
         .checkout & {
             font-size: 16px;
         }
@@ -118,7 +113,7 @@ strong {
     &__field-title {
         display: flex;
         font-size: 18px;
-        color: colors.$gray;
+        color: colors.$v5-gray;
         margin: 0px;
         @include mixins.smallMobile {
             font-size: 18px;
@@ -126,23 +121,19 @@ strong {
 
         &:is(strong) {
             color: colors.$text-main;
+            font-weight: bold;
         }
 
-        &.v5Dot1Design {
-            color: colors.$text-main !important;
-            font-weight: bold !important;
-        }
         .checkout & {
             font-size: 16px;
-            & :last-of-type {
-                color: colors.$text-main !important;
-            }
+            color: colors.$text-main;
+            font-weight: bold;
         }
     }
 
     &__field-value {
         font-size: 18px;
-        color: colors.$gray;
+        color: colors.$v5-gray;
         margin: 0px;
         @include mixins.mobile {
             font-size: 18px;
@@ -153,15 +144,13 @@ strong {
 
         &:is(strong) {
             color: colors.$text-main;
-        }
-
-        &.v5Dot1Design {
-            color: colors.$text-main !important;
-            font-weight: bold !important;
+            font-weight: bold;
         }
 
         .checkout & {
             font-size: 16px;
+            color: colors.$text-main;
+            font-weight: bold;
         }
     }
 }
diff --git a/src/components/modal/v2/styles/components/_tile.scss b/src/components/modal/v2/styles/components/_tile.scss
index 9c9645c473..c30cfa6aae 100644
--- a/src/components/modal/v2/styles/components/_tile.scss
+++ b/src/components/modal/v2/styles/components/_tile.scss
@@ -19,15 +19,10 @@
     border-radius: 12px;
     margin-bottom: 31px;
     background: colors.$white;
-    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.04), 0px 1px 12px rgba(0, 0, 0, 0.08);
+    box-shadow: none;
+    border: 1px solid #CCCCCC;
     cursor: pointer;
 
-    &.v5Design {
-        box-shadow: none;
-    }
-    &.v5Dot1Design {
-        border: 1px solid #CCCCCC;
-    }
     &:hover {
         border: 2px solid #000000;
     }
@@ -63,25 +58,15 @@
             .tile__body {
                 font-family: variables.$paypal-open;
                 margin-top: 5px;
-                font-size: 18px;
+                font-size: 100%;
                 font-weight: 400;
                 line-height: 24px;
                 display: flex;
                 align-items: center;
-                color: colors.$text-main;
-
-                &.v5Design {
-                    font-size: 100%;
-                }
-
-                &.v5Dot1Design {
-                    color: colors.$v5-gray;
-                }
+                color: colors.$v5-gray;
             }
         }
     }
 
-    &.v5Design {
-        height: 100px;
-    }
+    height: 100px;
 }
diff --git a/src/components/modal/v2/styles/globals/_colors.scss b/src/components/modal/v2/styles/globals/_colors.scss
index 46b19d7c57..14c84d880d 100644
--- a/src/components/modal/v2/styles/globals/_colors.scss
+++ b/src/components/modal/v2/styles/globals/_colors.scss
@@ -12,10 +12,6 @@ $offer-border-gray: #c6c6c6;
 $beige: #faf8f5;
 // Lander background
 $lander-beige: #e6e0d9;
-// v4 lander background
-$v4-lander-gray: #e9e9e9;
-// v4 header/footer background
-$v4-gray: #f6f6f6;
 // v5 lander background
 $v5-lander-gray: #f0f2f9;
 // v5 background
diff --git a/src/components/modal/v2/styles/globals/_common.scss b/src/components/modal/v2/styles/globals/_common.scss
index dd054969d4..cf16c44856 100644
--- a/src/components/modal/v2/styles/globals/_common.scss
+++ b/src/components/modal/v2/styles/globals/_common.scss
@@ -14,20 +14,8 @@ html {
     &.lander {
         // Overscroll background color since we use an SVG pattern
         // for the core background which moves with the overscroll
-        background: colors.$lander-beige;
-    }
-
-    &.v4Design {
-        background: colors.$v4-lander-gray;
-
-        .content__wrapper-overflow {
-            background-color: colors.$v4-gray;
-        }
-    }
-    
-    &.v5Design {
         background: colors.$v5-lander-gray;
-        
+
         .content__wrapper-overflow {
             background-color: colors.$v5-white;
         }
diff --git a/src/library/zoid/modal/prerenderTemplate.jsx b/src/library/zoid/modal/prerenderTemplate.jsx
index cf5283c6ef..8dfaa21986 100644
--- a/src/library/zoid/modal/prerenderTemplate.jsx
+++ b/src/library/zoid/modal/prerenderTemplate.jsx
@@ -8,20 +8,23 @@ export default ({ doc, props: { cspNonce, features, onError, onClose }, event, s
     const useNewCheckoutDesign = features?.includes('new-checkout-design') ? 'true' : 'false';
     const styles = `
          @font-face {
-            font-family: 'PayPalOpen';
-            src: url(https://www.paypalobjects.com/paypal-ui/fonts/PayPalOpen-Regular.woff2) format('woff');
+            font-family: 'PayPalPro';
+            src: url(https://www.paypalobjects.com/marketing/pp-com-components/fonts/SupremeLLTestSubWeb-Book.woff) format('woff');
             font-weight: normal;
             font-style: normal;
         }
         html {
             color: #2d2d2d;
-            font-family: PayPalOpen, Helvetica, Arial, sans-serif;
+            font-family: PayPalPro, Helvetica, Arial, sans-serif;
             font-size: 14px;
             font-weight: 400;
         }
         .modal{
             overflow-y: scroll;
         }
+        .spinnerImage{
+           display: none;
+        }
         ${
             useNewCheckoutDesign === 'true'
                 ? ` @media screen and (min-width: 640px) {
@@ -63,6 +66,13 @@ export default ({ doc, props: { cspNonce, features, onError, onClose }, event, s
             border-top-right-radius: 10px;
             border-top-left-radius: 10px;
         }
+
+          .loader {
+            border-left: 3px solid #cbcbca !important;
+            border-right: 3px solid #cbcbca !important;
+            border-bottom: 3px solid #cbcbca !important;
+            border-top: 3px solid #0070E0 !important;
+        }
         ${
             useNewCheckoutDesign === 'true' &&
             `
@@ -104,6 +114,7 @@ export default ({ doc, props: { cspNonce, features, onError, onClose }, event, s
                     }
             `
         }
+        
         .spinner{
             position: relative !important;
         }