diff --git a/app/javascript/gabsocial/components/modal/pro_upgrade_modal.js b/app/javascript/gabsocial/components/modal/pro_upgrade_modal.js
index 7172b303..3cdf36c0 100644
--- a/app/javascript/gabsocial/components/modal/pro_upgrade_modal.js
+++ b/app/javascript/gabsocial/components/modal/pro_upgrade_modal.js
@@ -70,7 +70,7 @@ class ProUpgradeModal extends ImmutablePureComponent {
             width='100%'
             height='auto'
             fit='cover'
-            className={_s.heightMin320PX}
+            className={[_s.heightMax340PX, _s.heightMin200PX].join(' ')}
           />
         </div>
 
diff --git a/app/javascript/styles/global.css b/app/javascript/styles/global.css
index 829f0b87..0a0699ab 100644
--- a/app/javascript/styles/global.css
+++ b/app/javascript/styles/global.css
@@ -484,6 +484,7 @@ pre {
 .heightMax100VH { max-height: 100vh; }
 .heightMax100PC { max-height: 100%; }
 .heightMax80VH { max-height: 80vh; }
+.heightMax340PX { max-height: 340px; }
 .heightMax200PX { max-height: 200px; }
 .heightMax56PX { max-height: 56px; }
 .heightCalc53PX { height: calc(100vh - 53px); }
@@ -491,7 +492,7 @@ pre {
 
 .heightMin100VH { min-height: 100vh; }
 .heightMin50VH { min-height: 50vh; }
-.heightMin320PX { min-height: 320px; }
+.heightMin200PX { min-height: 200px; }
 .heightMin98PX { min-height: 98px; }
 .heightMin80PX { min-height: 80px; }
 .heightMin58PX { min-height: 58px; }