From 40bd16074821f8ba222bf40e0d4f5a3c5bc9eaee Mon Sep 17 00:00:00 2001
From: infinite-persistence <inf.persistence@gmail.com>
Date: Fri, 18 Mar 2022 13:19:35 +0800
Subject: [PATCH] Fix membership splash cls

- Put their intrinsic sizes so the browser can pre-allocate space for them.
---
 ui/component/membershipSplash/view.jsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/ui/component/membershipSplash/view.jsx b/ui/component/membershipSplash/view.jsx
index 066a77f0d..e74b08afd 100644
--- a/ui/component/membershipSplash/view.jsx
+++ b/ui/component/membershipSplash/view.jsx
@@ -60,10 +60,10 @@ export default function MembershipSplash(props: Props) {
   return (
     <div className="membership-splash">
       <div className="membership-splash__banner">
-        <img src={AstronautAndFriends} />
+        <img width="1000" height="740" src={AstronautAndFriends} />
         <section className="membership-splash__title">
           <section>
-            <img src={OdyseePremium} />
+            <img width="1000" height="174" src={OdyseePremium} />
           </section>
           <section>
             <I18nMessage
@@ -85,7 +85,7 @@ export default function MembershipSplash(props: Props) {
         <div className="membership-splash__info">
           <section className="membership-splash__info-header">
             <div className="membership-splash__info-price">
-              <img src={BadgePremium} />
+              <img width="500" height="500" src={BadgePremium} />
 
               <section>
                 <I18nMessage
@@ -118,7 +118,7 @@ export default function MembershipSplash(props: Props) {
         <div className="membership-splash__info">
           <section className="membership-splash__info-header">
             <div className="membership-splash__info-price">
-              <img src={BadgePremiumPlus} />
+              <img width="500" height="500" src={BadgePremiumPlus} />
               <section>
                 <I18nMessage
                   tokens={{