Fix for non-clickable area on Search result (nodejs#3217)

Rajesh-Narayanappa87 · Rajesh Narayanappa - r0n00in · web-flow · commit 96d1609f6622 · 2023-02-27T10:22:27.000Z
* Fix for non-clickable area on Search result

* removed background color on hover

---------

Co-authored-by: Rajesh Narayanappa - r0n00in &lt;rajesh.narayanappa@walmart.com&gt;
diff --git 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
@@ -235,8 +235,8 @@ const SearchBar = (): JSX.Element => {
                       {(result.wrapInCode && <code>{displayTitle}</code>) || (
                         <span>{displayTitle}</span>
                       )}
+                      <SectionTitle path={sectionPath} />
                     </Link>
-                    <SectionTitle path={sectionPath} />
                   </li>
                 );
               })}
