diff --git a/frontend/src/components/Search/RecommendList/RecommendList.tsx b/frontend/src/components/Search/RecommendList/RecommendList.tsx
index 1463244ae..93f853eae 100644
--- a/frontend/src/components/Search/RecommendList/RecommendList.tsx
+++ b/frontend/src/components/Search/RecommendList/RecommendList.tsx
@@ -28,15 +28,18 @@ const RecommendList = ({ searchQuery }: RecommendListProps) => {
   }
 
   return (
-    <RecommendListContainer>
-      {products.map(({ id, name, categoryType }) => (
-        <li key={id}>
-          <Link as={RouterLink} to={`${PATH.PRODUCT_LIST}/${categoryType}/${id}`} block>
-            <MarkedText text={name} mark={searchQuery} />
-          </Link>
-        </li>
-      ))}
-    </RecommendListContainer>
+    <>
+      <RecommendListContainer>
+        {products.map(({ id, name, categoryType }) => (
+          <li key={id}>
+            <Link as={RouterLink} to={`${PATH.PRODUCT_LIST}/${categoryType}/${id}`} block>
+              <MarkedText text={name} mark={searchQuery} />
+            </Link>
+          </li>
+        ))}
+      </RecommendListContainer>
+      <div ref={scrollRef} aria-hidden />
+    </>
   );
 };