diff --git a/frontend/src/components/Product/ProductList/ProductList.tsx b/frontend/src/components/Product/ProductList/ProductList.tsx
index 114405aab..2bdaf30e6 100644
--- a/frontend/src/components/Product/ProductList/ProductList.tsx
+++ b/frontend/src/components/Product/ProductList/ProductList.tsx
@@ -40,7 +40,7 @@ const ProductList = ({ category, selectedOption }: ProductListProps) => {
           </li>
         ))}
       </ProductListContainer>
-      <div ref={scrollRef} aria-hidden />
+      <div ref={scrollRef} aria-hidden style={{ height: '1px' }} />
     </>
   );
 };
diff --git a/frontend/src/components/Recipe/RecipeList/RecipeList.tsx b/frontend/src/components/Recipe/RecipeList/RecipeList.tsx
index 35b3d4edf..ae1bb1907 100644
--- a/frontend/src/components/Recipe/RecipeList/RecipeList.tsx
+++ b/frontend/src/components/Recipe/RecipeList/RecipeList.tsx
@@ -35,7 +35,7 @@ const RecipeList = ({ selectedOption }: RecipeListProps) => {
           </li>
         ))}
       </RecipeListContainer>
-      <div ref={scrollRef} aria-hidden />
+      <div ref={scrollRef} aria-hidden style={{ height: '1px' }} />
     </>
   );
 };