From a7f6713614da0bb79128b6acd4a4ff7a927318b4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Dani=C3=ABl=20van=20der=20Winden?=
 <danielvanderwinden@ghost.org>
Date: Mon, 5 Feb 2024 13:38:37 +0100
Subject: [PATCH] Fixed icon preview in metadata card (#19650)

Closes issue:
https://linear.app/tryghost/issue/DES-7/admin-x-metadata-page-shows-icon-incorrectly

Set the background image to contain.
---
 .../src/components/settings/general/Metadata.tsx               | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/apps/admin-x-settings/src/components/settings/general/Metadata.tsx b/apps/admin-x-settings/src/components/settings/general/Metadata.tsx
index 3d61b47b86..b508cdee5f 100644
--- a/apps/admin-x-settings/src/components/settings/general/Metadata.tsx
+++ b/apps/admin-x-settings/src/components/settings/general/Metadata.tsx
@@ -35,7 +35,8 @@ const SearchEnginePreview: React.FC<SearchEnginePreviewProps> = ({
             </div>
             <div className='mt-4 flex items-center gap-2 border-t border-grey-200 pt-4 dark:border-grey-900'>
                 <div className='flex h-7 w-7 items-center justify-center rounded-full bg-grey-200 dark:bg-grey-700' style={{
-                    backgroundImage: icon ? `url(${icon})` : 'none'
+                    backgroundImage: icon ? `url(${icon})` : 'none',
+                    backgroundSize: 'contain'
                 }}>
                 </div>
                 <div className='flex flex-col text-sm'>