diff --git a/docs/_static/css/custom.css b/docs/_static/css/custom.css
index 8e2ddc2c9..6b62c247a 100644
--- a/docs/_static/css/custom.css
+++ b/docs/_static/css/custom.css
@@ -13,5 +13,5 @@ pre {
 }
 
 #my-component-root *, #headlessui-portal-root * {
-  z-index: 1000000000000;
+  z-index: 10000;
 }
diff --git a/docs/_static/js/mendablesearch.js b/docs/_static/js/mendablesearch.js
index d740313dc..d5deba5d4 100644
--- a/docs/_static/js/mendablesearch.js
+++ b/docs/_static/js/mendablesearch.js
@@ -30,10 +30,7 @@ document.addEventListener('DOMContentLoaded', () => {
     const icon = React.createElement('p', {
       style: { color: '#ffffff', fontSize: '22px',width: '48px', height: '48px', margin: '0px', padding: '0px', display: 'flex', alignItems: 'center', justifyContent: 'center', textAlign: 'center' },
     }, [iconSpan1, iconSpan2]);
-
     
-    
-
     const mendableFloatingButton = React.createElement(
       MendableFloatingButton,
       {
@@ -42,6 +39,7 @@ document.addEventListener('DOMContentLoaded', () => {
         anon_key: '82842b36-3ea6-49b2-9fb8-52cfc4bde6bf', // Mendable Search Public ANON key, ok to be public
         messageSettings: {
           openSourcesInNewTab: false,
+          prettySources: true // Prettify the sources displayed now
         },
         icon: icon,
       }
@@ -52,7 +50,7 @@ document.addEventListener('DOMContentLoaded', () => {
 
   loadScript('https://unpkg.com/react@17/umd/react.production.min.js', () => {
     loadScript('https://unpkg.com/react-dom@17/umd/react-dom.production.min.js', () => {
-      loadScript('https://unpkg.com/@mendable/search@0.0.93/dist/umd/mendable.min.js', initializeMendable);
+      loadScript('https://unpkg.com/@mendable/search@0.0.102/dist/umd/mendable.min.js', initializeMendable);
     });
   });
 });