diff --git a/frontend/src/lib/lemon-ui/LemonBanner/LemonBanner.tsx b/frontend/src/lib/lemon-ui/LemonBanner/LemonBanner.tsx
index 9f08d8dbd031d..44e4d14afbf06 100644
--- a/frontend/src/lib/lemon-ui/LemonBanner/LemonBanner.tsx
+++ b/frontend/src/lib/lemon-ui/LemonBanner/LemonBanner.tsx
@@ -36,6 +36,11 @@ export function LemonBanner({
     const { dismiss } = useActions(logic)
     const showCloseButton = dismissKey || onClose
 
+    const { ref: wrapperRef, size } = useResizeBreakpoints({
+        0: 'compact',
+        400: 'normal',
+    })
+
     const _onClose = (): void => {
         if (dismissKey) {
             dismiss()
@@ -47,11 +52,6 @@ export function LemonBanner({
         return <></>
     }
 
-    const { ref: wrapperRef, size } = useResizeBreakpoints({
-        0: 'compact',
-        400: 'normal',
-    })
-
     const isCompact = size === 'compact'
 
     return (