From 3c7204d604fe3700f37d406e1f112da710a35864 Mon Sep 17 00:00:00 2001
From: Nicolas <nicolascamara29@gmail.com>
Date: Fri, 14 Apr 2023 02:15:57 -0400
Subject: [PATCH] docs: Quick fix to Mendable Search (#2876)

Fixed a small issue on the icon UI when using in Safari.
---
 docs/_static/js/mendablesearch.js | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/docs/_static/js/mendablesearch.js b/docs/_static/js/mendablesearch.js
index e3d2c136..0dd1bc4c 100644
--- a/docs/_static/js/mendablesearch.js
+++ b/docs/_static/js/mendablesearch.js
@@ -21,9 +21,15 @@ document.addEventListener('DOMContentLoaded', () => {
     const { MendableFloatingButton } = Mendable;
     
 
+    const iconSpan1 = React.createElement('span', {
+    }, '🦜');
+
+    const iconSpan2 = React.createElement('span', {
+    }, '🔗');
+
     const icon = React.createElement('p', {
-      style: { color: '#ffffff', fontSize: '22px',width: '48px', height: '48px', margin: '0px', padding: '0px', display: 'flex', alignItems: 'center', justifyContent: 'center' },
-    }, '🦜🔗');
+      style: { color: '#ffffff', fontSize: '22px',width: '48px', height: '48px', margin: '0px', padding: '0px', display: 'flex', alignItems: 'center', justifyContent: 'center', textAlign: 'center' },
+    }, [iconSpan1, iconSpan2]);