diff --git a/components/Drawer.tsx b/components/Drawer.tsx
index fd89284d..6a7b3809 100644
--- a/components/Drawer.tsx
+++ b/components/Drawer.tsx
@@ -89,7 +89,7 @@ const ResponsiveDrawer = (props: Props) => {
   };
 
   return (
-    <Box sx={{ display: "flex", paddingBottom: "70px" }}>
+    <Box sx={{ display: "flex" }}>
       <AppBar style={{ background: "white" }} className="toolbar-component">
         <Toolbar style={{ display: "flex", justifyContent: "space-between" }}>
           <Box style={{ display: "flex", justifyContent: "flex-start" }}>
diff --git a/components/ResultView.tsx b/components/ResultView.tsx
index 6bed565a..fc90f0e2 100644
--- a/components/ResultView.tsx
+++ b/components/ResultView.tsx
@@ -62,11 +62,7 @@ const fillHighlights = (snippet: string | null, full: string): string => {
   }
 
   const snippetRaw = htmlToText(snippet, { wordwrap: false });
-  const styledSnippet = snippet.replace(
-    /<em>/g,
-    '<em style= "font-weight: bold; color: #375ae6; font-style: normal; background-color: #edf6fe; padding: 3px; ">'
-  );
-  return full.replace(snippetRaw, styledSnippet);
+  return full.replace(snippetRaw, snippet);
 };
 
 const COLORS = [
@@ -112,7 +108,7 @@ const ResultView = ({ result }: { result: SearchResult }) => {
   } = result;
 
   const displayName =
-    name && name.raw ? fillHighlights(name.snippet, name.raw.bold()) : null;
+    name && name.raw ? fillHighlights(name.snippet, name.raw) : null;
 
   const thumbnailImageUrl =
     thumbnail_image_url && thumbnail_image_url.raw
diff --git a/components/ResultViewList.tsx b/components/ResultViewList.tsx
index d6d5d044..011fc3ba 100644
--- a/components/ResultViewList.tsx
+++ b/components/ResultViewList.tsx
@@ -31,12 +31,7 @@ const ResultViewList = ({
           {displayName && (
             <span
               className="sui-result__title"
-              dangerouslySetInnerHTML={{
-                __html: displayName.replace(
-                  /<em[^>]*>/g,
-                  '<em style="background-color: transparent;">'
-                ),
-              }}
+              dangerouslySetInnerHTML={{ __html: displayName }}
             />
           )}
         </div>
@@ -61,12 +56,7 @@ const ResultViewList = ({
                 <span
                   className="sui-result__value"
                   style={{ fontSize: 16, fontWeight: 600 }}
-                  dangerouslySetInnerHTML={{
-                    __html: displayRole.replace(
-                      /<em[^>]*>/g,
-                      '<em style="background-color: transparent;">'
-                    ),
-                  }}
+                  dangerouslySetInnerHTML={{ __html: displayRole }}
                 />
               )}
               {displayRole && displayOrganisation && (
@@ -79,12 +69,7 @@ const ResultViewList = ({
                 <span
                   className="sui-result__value"
                   style={{ fontSize: 16, fontWeight: 600 }}
-                  dangerouslySetInnerHTML={{
-                    __html: displayOrganisation.replace(
-                      /<em[^>]*>/g,
-                      '<em style="background-color: transparent;">'
-                    ),
-                  }}
+                  dangerouslySetInnerHTML={{ __html: displayOrganisation }}
                 />
               )}
             </li>
@@ -95,12 +80,7 @@ const ResultViewList = ({
               <span
                 className="sui-result__value"
                 style={{ fontSize: 16, fontWeight: 600 }}
-                dangerouslySetInnerHTML={{
-                  __html: displayCourseOfStudy.replace(
-                    /<em[^>]*>/g,
-                    '<em style="background-color: transparent;">'
-                  ),
-                }}
+                dangerouslySetInnerHTML={{ __html: displayCourseOfStudy }}
               />
             </li>
           )}
@@ -110,12 +90,7 @@ const ResultViewList = ({
               <span
                 className="sui-result__value"
                 style={{ fontSize: 16, fontWeight: 600 }}
-                dangerouslySetInnerHTML={{
-                  __html: displaySchool.replace(
-                    /<em[^>]*>/g,
-                    '<em style="background-color: transparent;">'
-                  ),
-                }}
+                dangerouslySetInnerHTML={{ __html: displaySchool }}
               />
             </li>
           )}
@@ -125,12 +100,7 @@ const ResultViewList = ({
               <span
                 className="sui-result__biography"
                 style={{ fontSize: 14 }}
-                dangerouslySetInnerHTML={{
-                  __html: displayFullBio.replace(
-                    /<em[^>]*>/g,
-                    '<em style="background-color: transparent;">'
-                  ),
-                }}
+                dangerouslySetInnerHTML={{ __html: displayFullBio }}
               />
             </li>
           )}