diff --git a/src/component/utils/BookSearchPreview.tsx b/src/component/utils/BookSearchPreview.tsx
index 084275a8..bb3b2a29 100644
--- a/src/component/utils/BookSearchPreview.tsx
+++ b/src/component/utils/BookSearchPreview.tsx
@@ -51,7 +51,7 @@ const BookSearchPreview = ({
       </Paginations.Root>
       <Link
         className="search-preview__more"
-        to={`/search?search=${encodeURI(keyword)}`}
+        to={`/search?search=${encodeURIComponent(keyword)}`}
       >
         {!isLoading && totalCount ? (
           <EmphasisInString
diff --git a/src/component/utils/SearchRankingList.tsx b/src/component/utils/SearchRankingList.tsx
index b34175e0..7dc57a02 100644
--- a/src/component/utils/SearchRankingList.tsx
+++ b/src/component/utils/SearchRankingList.tsx
@@ -1,4 +1,4 @@
-import { ComponentProps, useState } from "react";
+import { ComponentProps, useEffect, useState } from "react";
 import { type SearchKeyword } from "~/type/SearchKeyword";
 import Carousel from "./Carousel";
 import SearchRankingItem from "./SearchRankingItem";
@@ -33,7 +33,9 @@ const SearchRankingList = ({ list }: Props) => {
             <Image src={ToggleDownArrow} alt="인기검색어 닫기" />
           </p>
           {list.map(item => (
-            <Link to={`search?search=${item.searchKeyword}`}>
+            <Link
+              to={`search?search=${encodeURIComponent(item.searchKeyword)}`}
+            >
               <SearchRankingItem key={item.id} item={item} height={HEIGHT} />
             </Link>
           ))}