diff --git a/frontend/src/components/Product/ProductTitle/ProductTitle.tsx b/frontend/src/components/Product/ProductTitle/ProductTitle.tsx
index be0e499f1..1c10cf2f0 100644
--- a/frontend/src/components/Product/ProductTitle/ProductTitle.tsx
+++ b/frontend/src/components/Product/ProductTitle/ProductTitle.tsx
@@ -33,6 +33,7 @@ const ProductTitleContainer = styled.div`
   flex-direction: row;
   justify-content: space-between;
   align-items: center;
+  height: 30px;
 `;
 
 const ProductTitleLink = styled(Link)`
diff --git a/frontend/src/hooks/common/useIntersectionObserver.ts b/frontend/src/hooks/common/useIntersectionObserver.ts
index b07fc87bc..c02ee9901 100644
--- a/frontend/src/hooks/common/useIntersectionObserver.ts
+++ b/frontend/src/hooks/common/useIntersectionObserver.ts
@@ -4,7 +4,7 @@ import { useRef, useEffect } from 'react';
 const defaultOptions = {
   root: null,
   rootMargin: '0px',
-  threshold: 1.0,
+  threshold: 0.3,
 };
 
 const useIntersectionObserver = <T extends HTMLElement>(
diff --git a/frontend/src/pages/RecipePage.tsx b/frontend/src/pages/RecipePage.tsx
index 52a7f0928..579639542 100644
--- a/frontend/src/pages/RecipePage.tsx
+++ b/frontend/src/pages/RecipePage.tsx
@@ -93,6 +93,7 @@ const TitleWrapper = styled.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
+  height: 30px;
 `;
 
 const Title = styled(Heading)`
@@ -106,7 +107,7 @@ const SortButtonWrapper = styled.div`
 `;
 
 const RecipeListWrapper = styled.div`
-  height: calc(100% - 192px);
+  height: calc(100% - 190px);
   overflow-y: auto;
 `;