diff --git a/themes/Frontend/Bare/widgets/emotion/components/component_banner.tpl b/themes/Frontend/Bare/widgets/emotion/components/component_banner.tpl
index 42b68e4d89e..3c2ed91b424 100644
--- a/themes/Frontend/Bare/widgets/emotion/components/component_banner.tpl
+++ b/themes/Frontend/Bare/widgets/emotion/components/component_banner.tpl
@@ -47,7 +47,7 @@
                         <source sizes="{$itemSize}" srcset="{$srcSet}">
 
                         {* Fallback *}
-                        <img src="{$baseSource}" srcset="{$retinaBaseSource} 2x"{if $Data.title} alt="{$Data.title|escape}"{/if} />
+                        <img src="{$baseSource}" srcset="{$retinaBaseSource} 2x" class="banner--image-src"{if $Data.title} alt="{$Data.title|escape}"{/if} />
                     </picture>
                 {/block}
 
diff --git a/themes/Frontend/Responsive/frontend/_public/src/less/_components/emotions.less b/themes/Frontend/Responsive/frontend/_public/src/less/_components/emotions.less
index c54d6571a5c..ebc7530c6b0 100644
--- a/themes/Frontend/Responsive/frontend/_public/src/less/_components/emotions.less
+++ b/themes/Frontend/Responsive/frontend/_public/src/less/_components/emotions.less
@@ -424,6 +424,11 @@ body.emotion--preview {
             left: 0; top: 0;
             float: none;
         }
+
+        .banner--image-src {
+            max-height: none;
+            width: 100%;
+        }
     }
 
     .banner--image {