From 0984a84a68bde95bb86c4b685c6a4c3c4f9b3a68 Mon Sep 17 00:00:00 2001
From: Tilman Vatteroth <git@tilmanvatteroth.de>
Date: Tue, 18 Oct 2022 12:23:28 +0200
Subject: [PATCH] fix(click-shield): Fix sizing in firefox

Signed-off-by: Tilman Vatteroth <git@tilmanvatteroth.de>
---
 .../replace-components/click-shield/click-shield.tsx            | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/markdown-renderer/replace-components/click-shield/click-shield.tsx b/src/components/markdown-renderer/replace-components/click-shield/click-shield.tsx
index 08120e5c3..4f2876744 100644
--- a/src/components/markdown-renderer/replace-components/click-shield/click-shield.tsx
+++ b/src/components/markdown-renderer/replace-components/click-shield/click-shield.tsx
@@ -109,7 +109,7 @@ export const ClickShield: React.FC<ClickShieldProps> = ({
     <span className={containerClassName} {...cypressId(props['data-cypress-id'])}>
       <ShowIf condition={showChildren}>{children}</ShowIf>
       <ShowIf condition={!showChildren}>
-        <span className={`${styles['click-shield']} ratio ratio-16x9`} onClick={doShowChildren}>
+        <span className={`${styles['click-shield']} d-inline-block ratio ratio-16x9`} onClick={doShowChildren}>
           {previewBackground}
           <span className={`${styles['preview-hover']}`}>
             <span className={`${styles['preview-hover-text']}`}>