diff --git a/src/components/CommonComponents/SearchBar/index.module.scss b/src/components/CommonComponents/SearchBar/index.module.scss
index 42d72c1928..3e68e54842 100644
--- a/src/components/CommonComponents/SearchBar/index.module.scss
+++ b/src/components/CommonComponents/SearchBar/index.module.scss
@@ -87,7 +87,12 @@
         margin: 0;
         padding: 5px 0;
 
+        &:hover {
+          font-weight: bold;
+        }
+
         > a {
+          display: block;
           text-decoration: none;
           text-overflow: ellipsis;
 
diff --git a/src/components/CommonComponents/SearchBar/index.tsx b/src/components/CommonComponents/SearchBar/index.tsx
index 89a70da37d..0c9b9d4954 100644
--- a/src/components/CommonComponents/SearchBar/index.tsx
+++ b/src/components/CommonComponents/SearchBar/index.tsx
@@ -235,8 +235,8 @@ const SearchBar = (): JSX.Element => {
                       {(result.wrapInCode && <code>{displayTitle}</code>) || (
                         <span>{displayTitle}</span>
                       )}
+                      <SectionTitle path={sectionPath} />
                     </Link>
-                    <SectionTitle path={sectionPath} />
                   </li>
                 );
               })}