From 9c68b9775e77f217117d9ac1910c4168d3259e94 Mon Sep 17 00:00:00 2001
From: brave-builds <45370463+brave-builds@users.noreply.github.com>
Date: Wed, 20 Dec 2023 21:56:13 +0100
Subject: [PATCH] [Brave News]: Remove height restriction on ads (uplift to
 1.62.x) (#21429)

Uplift of #21427 (squashed) to beta
---
 components/brave_news/browser/resources/feed/Ad.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/components/brave_news/browser/resources/feed/Ad.tsx b/components/brave_news/browser/resources/feed/Ad.tsx
index 5839b642dbab..c99d2b54b298 100644
--- a/components/brave_news/browser/resources/feed/Ad.tsx
+++ b/components/brave_news/browser/resources/feed/Ad.tsx
@@ -42,6 +42,10 @@ const CtaButton = styled(Button)`
   align-self: flex-start;
 `
 
+const AdImage = styled(LargeImage)`
+  height: unset;
+`
+
 export const useVisibleFor = (callback: () => void, timeout: number) => {
   const [el, setEl] = React.useState<HTMLElement | null>(null)
   const callbackRef = React.useRef<() => void>()
@@ -106,7 +110,7 @@ export default function Advert(props: Props) {
   }
 
   return <Container ref={setAdEl} onClick={onDisplayAdVisited}>
-    <LargeImage src={imageUrl} />
+    <AdImage src={imageUrl} />
     <MetaInfoContainer>
       <BatAdLabel onClick={e => e.stopPropagation()} href="brave://rewards">{getLocale('braveNewsAdvertBadge')}</BatAdLabel>
       •