diff --git a/frontend/public/image/svg/OptionBoxStroke.svg b/frontend/public/image/svg/OptionBoxStroke.svg
deleted file mode 100644
index 44a2b0ff..00000000
--- a/frontend/public/image/svg/OptionBoxStroke.svg
+++ /dev/null
@@ -1,17 +0,0 @@
-<svg width="572" height="883" viewBox="0 0 572 883" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g filter="url(#filter0_i_698_1811)">
-<path d="M26 0.5C11.9167 0.5 0.5 11.9167 0.5 26V856.164C0.5 870.247 11.9167 881.664 26 881.664H546C560.083 881.664 571.5 870.247 571.5 856.164V441.082V26C571.5 11.9167 560.083 0.5 546 0.5H26Z" stroke="white"/>
-</g>
-<defs>
-<filter id="filter0_i_698_1811" x="0" y="0" width="572" height="886.164" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="4"/>
-<feGaussianBlur stdDeviation="2"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
-<feBlend mode="normal" in2="shape" result="effect1_innerShadow_698_1811"/>
-</filter>
-</defs>
-</svg>
diff --git a/frontend/src/css/History_style.css b/frontend/src/css/History_style.css
index 994af488..0d6d71da 100644
--- a/frontend/src/css/History_style.css
+++ b/frontend/src/css/History_style.css
@@ -10,29 +10,21 @@
   display: flex;
   flex-direction: row;
   justify-content: center;
-  width: 100%;
-  position: relative;
 }
 
 .history-send .div {
   background-color: #ffffff;
   border: 1px none;
-  height: 1080px;
   position: relative;
   width: 1920px;
 }
 
 .history-send .overlap {
-  background-image: url(../../public/image/svg/OptionBoxStroke.svg);
-  background-size: 100% 100%;
   height: 882px;
   left: 34px;
   position: absolute;
   top: 133px;
   width: 572px;
-  border-radius: 30px;
-  box-shadow: 0px 4px 4px #00000040, 2px 2px 2px 1px gray;
-  border: 1px solid gray;
 }
 
 .history-send .option-menu {
@@ -209,7 +201,6 @@
   display: block;
 }
 
-
 .history-send .text-wrapper-3 {
   color: #000000;
   font-family: "Inter-Bold", Helvetica;
@@ -218,25 +209,24 @@
   left: 10px;
   letter-spacing: 0;
   line-height: normal;
-  position: absolute;
+  position: relative;
   top: 0;
   white-space: nowrap;
 }
 
 .history-send .page-move-tool-bar {
   height: 30px;
-  left: 845px;
+  left: 900px;
   position: absolute;
-  top: 1027px;
   width: 286px;
 }
 
 .history-send .page-number {
   align-items: flex-start;
+  margin-top: 20px;
   display: inline-flex;
   gap: 33px;
   left: 35px;
-  position: absolute;
   top: 0;
 }
 
@@ -311,11 +301,9 @@
 }
 
 .history-send .overlap-2 {
-  height: 882px;
-  left: 635px;
-  position: absolute;
-  top: 134px;
   width: 1236px;
+  position: relative;
+  margin: 140px 0 0 630px;
 }
 
 .history-send .history-box {
@@ -329,16 +317,15 @@
 .history-send .history {
   height: 158px;
   left: 0;
-  position: absolute;
   top: 724px;
   width: 1242px;
 }
 
 .history-send .overlap-3 {
+  margin-top: 22px;
   background-image: url(../../public/image/png/Stroke.png);
   background-size: 100% 100%;
   height: 166px;
-  left: -4px;
   position: relative;
   width: 1244px;
 }
@@ -371,8 +358,6 @@
   position: absolute;
   top: 65px;
   white-space: nowrap;
-
-
 }
 
 .history-send .text-wrapper-8 ::after {
@@ -755,7 +740,7 @@
   letter-spacing: 0;
   line-height: normal;
   position: absolute;
-  top: 43px;
+  top: 42px;
   white-space: nowrap;
   width: 167px;
 }
@@ -769,7 +754,7 @@
 }
 
 .history-send .menu-line {
-  background-color: #0057b8;
+  background-color: #000000;
   height: 3px;
   left: 0;
   position: absolute;
@@ -778,6 +763,7 @@
 }
 
 .history-send .menu {
+  background-color: white;
   height: 96px;
   left: 0;
   position: absolute;
@@ -812,7 +798,7 @@
   letter-spacing: 0;
   line-height: normal;
   position: absolute;
-  top: 43px;
+  top: 42px;
   width: 115px;
 }
 
@@ -855,6 +841,34 @@
   width: 71px;
 }
 
+.history-send .text-wrapper-24 {
+  color: #000000;
+  font-family: "Inter-Regular", Helvetica;
+  font-size: 30px;
+  font-weight: 400;
+  left: 1395px;
+  letter-spacing: 0;
+  line-height: normal;
+  position: absolute;
+  top: 43px;
+  white-space: nowrap;
+  width: 167px;
+}
+
+.history-send .text-wrapper-25 {
+  color: #000000;
+  font-family: "Inter-Regular", Helvetica;
+  font-size: 30px;
+  font-weight: 400;
+  left: 1270px;
+  letter-spacing: 0;
+  line-height: normal;
+  position: absolute;
+  top: 43px;
+  white-space: nowrap;
+  width: 104px;
+}
+
 .history-send .LPVS {
   height: 96px;
   left: 0;
@@ -874,23 +888,9 @@
   top: 0px;
   white-space: nowrap;
   width: 100%;
-  margin-left: 10px;  
-  position: static;
-  z-index: 1;
-}
-
-.history-send .text-wrapper-998 {
-  color: #000000;
-  font-family: "Inter-Medium", Helvetica;
-  font-size: 20px;
-  font-weight: 500;
-  letter-spacing: 0;
-  line-height: normal;
-  top: 0;
-  width: 100%;
   margin-left: 10px;
   position: static;
-  right: 0;
+  z-index: 1;
 }
 
 .history-send .status-label {
@@ -1003,3 +1003,32 @@
   top: 3px;
   width: 100%;
 }
+
+.history-send .dropdown {
+  left: 53%;
+  margin-top: -25px;
+  position: absolute;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+
+.history-send .dropdown span {
+  justify-content: start;
+  width: 160px;
+  font-size: 20px;
+  font-weight: bold;
+  margin-right: -20px;
+}
+
+.history-send .dropdown select {
+  padding: 5px;
+  width: 85px;
+  border: 0.1px solid black;
+  border-radius: 8px;
+  background-color: white;
+  font-size: 16px;
+  text-align: center;
+  outline: none;
+  transition: border-color 0.3s ease;
+}
diff --git a/frontend/src/pages/History.jsx b/frontend/src/pages/History.jsx
index 8a35289c..c265b4db 100644
--- a/frontend/src/pages/History.jsx
+++ b/frontend/src/pages/History.jsx
@@ -5,16 +5,16 @@
  * found in the LICENSE file.
  */
 
-import {React,useEffect, useState} from "react";
+import { React, useEffect, useState } from "react";
 import axios from 'axios';
 import { Link, useParams, useLocation } from "react-router-dom";
 import { useNavigate } from "react-router-dom";
 import "../css/History_style.css";
 
-export const History= () => {
+export const History = () => {
 
   const { type, name } = useParams();
-  const [ lpvsHistories, setlpvsHistories ] = useState();
+  const [lpvsHistories, setlpvsHistories] = useState();
   const navigate = useNavigate();
 
   const location = useLocation();
@@ -25,6 +25,8 @@ export const History= () => {
   const [isLoggedIn, setIsLoggedIn] = useState(false);
   const [username, setUsername] = useState("");
 
+  const [selectedSize, setSelectedSize] = useState(5);
+
   useEffect(() => {
     axios.get("/user/login")
       .then((loginresponse) => {
@@ -34,7 +36,7 @@ export const History= () => {
             .then((userInfoResponse) => {
               setUsername(userInfoResponse.data);
             })
-            .catch(function(error) {
+            .catch(function (error) {
               console.log(error.toJSON());
               navigate("/user/login");
             });
@@ -42,7 +44,7 @@ export const History= () => {
           navigate("/user/login");
         }
       })
-      .catch(function(error) {
+      .catch(function (error) {
         console.log(error.toJSON());
         navigate("/user/login");
       });
@@ -50,12 +52,11 @@ export const History= () => {
 
   useEffect(() => {
     axios
-      .get(`/history/${type}/${name}?page=${page}`)
+      .get(`/history/${type}/${name}?page=${page}&size=${selectedSize}`)
       .then((response) => {
-        console.log(response.data)
-          setlpvsHistories(response.data);
+        setlpvsHistories(response.data);
       })
-      .catch(function(error) {
+      .catch(function (error) {
         console.log(error.toJSON());
         const userChoice = window.confirm("Please enter the GitHub ID on the User page.");
         if (userChoice) {
@@ -64,7 +65,7 @@ export const History= () => {
           navigate(`/history/send/${username?.nickname}?page=0`);
         }
       });
-  }, [type, name, page]);
+  }, [type, name, page, selectedSize]);
 
   const handlePageChange = (pageNumber) => {
     navigate(`/history/${type}/${name}?page=${pageNumber}`);
@@ -79,8 +80,6 @@ export const History= () => {
       setIsHistoriesEmpty(false);
     }
   }, [lpvsHistories, page]);
-  
-  console.log(lpvsHistories)
 
   const navigateToOrg = () => {
     if (!username?.organization || username?.organization.trim() === "") {
@@ -90,43 +89,40 @@ export const History= () => {
     }
   };
   const navigateToOwn = () => {
-      navigate(`/history/own/${username?.nickname}?page=0`);
+    navigate(`/history/own/${username?.nickname}?page=0`);
   };
   const navigateToSend = () => {
-      navigate(`/history/send/${username?.nickname}?page=0`);
+    navigate(`/history/send/${username?.nickname}?page=0`);
   };
 
-   const [pageCount,setPageCount] = useState(1);
-   const [currentPage, setCurrentPage] = useState(1);
-
-   useEffect(()=> {
-    setPageCount(Math.ceil(lpvsHistories?.count/5))
-    }, [lpvsHistories?.count, currentPage]);
+  const [pageCount, setPageCount] = useState(1);
+  const [currentPage, setCurrentPage] = useState(1);
 
-   console.log(pageCount);
+  useEffect(() => {
+    setPageCount(Math.ceil(lpvsHistories?.count / selectedSize));
+  }, [lpvsHistories?.count, selectedSize]);
 
-   const check_page_plus =()=> {
-    if(currentPage <= pageCount) {
+  const checkPagePlus = () => {
+    if (currentPage <= pageCount) {
       console.log(currentPage)
-      return setCurrentPage(currentPage+5);
+      return setCurrentPage(currentPage + 5);
     }
     else {
-      return 
+      return
     }
-   }
-   console.log(page);
-   console.log(currentPage);
-   const check_page_minus =(page)=> {
-    if(page <=4) {
+  }
+
+  const checkPageMinus = (page) => {
+    if (page <= 4) {
       return setCurrentPage(currentPage)
     }
     else {
-      return setCurrentPage(currentPage-5);
+      return setCurrentPage(currentPage - 5);
     }
-   }
+  }
 
-   const trueOrFalse =(a)=> {
-    if(a <= pageCount) {
+  const trueOrFalse = (a) => {
+    if (a <= pageCount) {
       return true;
     }
     else {
@@ -134,34 +130,95 @@ export const History= () => {
     }
   }
 
-   const status_check=(a)=> {
-    if(a) {
+  const statusCheck = (a) => {
+    if (a) {
       return 'Issue-Detected';
     }
     else {
       return 'Scan-completed';
     }
-   }
-   console.log(lpvsHistories?.lpvsHistories[0]?.status)
+  }
 
   if (!lpvsHistories) {
     return <div>Loading...</div>;
   }
 
   function truncateName(name) {
-        if (/[\u3131-\u314e\u314f-\u3163\uac00-\ud7a3]/g.test(name)) {
-            return name.length > 3 ? `${name.substring(0, 3)}.` : name;
-        } else {
-            return name.length > 5 ? `${name.substring(0, 5)}.` : name;
-        }
-  }
-
-  const pageArrow=(page)=> {
-    if(page<=5) {
-      return false;
+    if (/[\u3131-\u314e\u314f-\u3163\uac00-\ud7a3]/g.test(name)) {
+      return name.length > 3 ? `${name.substring(0, 3)}.` : name;
+    } else {
+      return name.length > 5 ? `${name.substring(0, 5)}.` : name;
     }
   }
-  console.log(isHistoriesEmpty)
+
+  const renderHistories = (size) => {
+    return Array.from({ length: size }).map((_, index) => {
+      const history = lpvsHistories.lpvsHistories[index];
+      if (history?.status !== undefined) {
+        return (
+          <Link
+            key={index}
+            to={`/result/${history?.pullRequestId}`}
+            style={{ color: "black", textDecoration: "none" }}
+          >
+            <div className="history">
+              <div className="overlap-3">
+                <div className="text-wrapper-7">
+                  {history?.repositoryName}
+                  <div className="status-scan-error">
+                    <div className="overlap-10">
+                      <div className={statusCheck(history?.hasIssue) + '-text'}>
+                        {statusCheck(history?.hasIssue)}
+                      </div>
+                      <div className={statusCheck(history?.hasIssue)} />
+                      <div className="prid">
+                        <div className="div-wrapper">
+                          <div className="text-wrapper-10">{history?.pullNumber}</div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div className="text-wrapper-8">{history?.url}</div>
+                  <div className="text-wrapper-9">{history?.scanDate}</div>
+                </div>
+              </div>
+            </div>
+          </Link>
+        );
+      }
+      return null;
+    });
+  };
+
+  const SIZE_DATA = [
+    { id: null, value: 'Choose view Size.' },
+    { id: '5', value: '5' },
+    { id: '10', value: '10' },
+    { id: '20', value: '20' },
+    { id: '50', value: '50' },
+  ];
+
+  const SizeDropdown = () => {
+    const handleChange = (e) => {
+      setSelectedSize(e.target.value);
+      setCurrentPage(1);
+    };
+
+    return (
+      <div className="dropdown">
+        {selectedSize && <span> View Items {selectedSize}</span>}
+        <select value={selectedSize} onChange={handleChange}>
+          {SIZE_DATA.map((product) => (
+            <option key={product.id} value={product.id} disabled={product.id === null}>
+              {product.value}
+            </option>
+          ))}
+        </select>
+      </div>
+    );
+  };
+
+
   return (
     <div className="history-send">
       <div className="div">
@@ -170,27 +227,27 @@ export const History= () => {
 
             <div className="button">
               <div className="my-pull-request">
-                <div className="overlap-group" onClick={navigateToSend} style={{ cursor: "pointer", color: "black", textDecoration: "none"}}>
-                {type === "send" ?
-                  <div className="text-wrapper-gray">My Pull Request</div>
-                  :
-                  <div className="text-wrapper">My Pull Request</div>}
+                <div className="overlap-group" onClick={navigateToSend} style={{ cursor: "pointer", color: "black", textDecoration: "none" }}>
+                  {type === "send" ?
+                    <div className="text-wrapper-gray">My Pull Request</div>
+                    :
+                    <div className="text-wrapper">My Pull Request</div>}
                 </div>
               </div>
               <div className="my-repo-pr-button">
-                <div className="overlap-group" onClick={navigateToOwn} style={{ cursor: "pointer", color: "Black", textDecoration: "none"}}>
-                {type === "own" ?
-                  <div className="my-repo-PR-gray">My Repo PR</div>
-                  :
-                  <div className="my-repo-PR">My Repo PR</div>}
+                <div className="overlap-group" onClick={navigateToOwn} style={{ cursor: "pointer", color: "Black", textDecoration: "none" }}>
+                  {type === "own" ?
+                    <div className="my-repo-PR-gray">My Repo PR</div>
+                    :
+                    <div className="my-repo-PR">My Repo PR</div>}
                 </div>
               </div>
               <div className="my-org-PR-button">
-                <div className="overlap-group"  onClick={navigateToOrg} style={{ cursor: "pointer", color: "Black", textDecoration: "none"}}>
-                {type === "org" ?
-                  <div className="text-wrapper-2-gray">My Org PR</div>
-                  :
-                  <div className="text-wrapper-2">My Org PR</div>}
+                <div className="overlap-group" onClick={navigateToOrg} style={{ cursor: "pointer", color: "Black", textDecoration: "none" }}>
+                  {type === "org" ?
+                    <div className="text-wrapper-2-gray">My Org PR</div>
+                    :
+                    <div className="text-wrapper-2">My Org PR</div>}
                 </div>
               </div>
             </div>
@@ -198,155 +255,34 @@ export const History= () => {
             <div className="my-option-header">
               <img className="my-option-line" alt="My option line" src="/image/svg/HistoryMyOptionLine.svg" />
               <div className="text-wrapper-3">My Option</div>
+              <SizeDropdown />
             </div>
           </div>
         </div>
+
+        <div className="overlap-2">
+          {renderHistories(selectedSize ?? 5)}
+        </div>
+
         <div className="page-move-tool-bar">
           <div className="page-number">
-          <img src="/image/svg/LeftArrow.svg" onClick={() => {
-            if (page > 4) {
-              check_page_minus();
-              handlePageChange(currentPage - 2);
-            }}} style={{ cursor: "pointer" }} />
-            {trueOrFalse(currentPage) && <div className="text-wrapper-4" onClick={() => handlePageChange(currentPage-1)}>{currentPage}</div>}
-            {trueOrFalse(currentPage+1) && <div className="text-wrapper-5" onClick={() => handlePageChange(currentPage)}>{currentPage+1}</div>}
-            {trueOrFalse(currentPage+2) && <div className="text-wrapper-6" onClick={() => handlePageChange(currentPage+1)}>{currentPage+2}</div>}
-            {trueOrFalse(currentPage+3) && <div className="text-wrapper-6" onClick={() => handlePageChange(currentPage+2)}>{currentPage+3}</div>}
-            {trueOrFalse(currentPage+4) && <div className="text-wrapper-5" onClick={() => handlePageChange(currentPage+3)}>{currentPage+4}</div>}
-            {trueOrFalse(currentPage+5) ? <img src="/image/svg/RightArrow.svg" onClick={() => {check_page_plus(); handlePageChange(currentPage + 4); }}style={{ cursor: "pointer" }}/> 
-            : 
-            <img src="/image/svg/RightArrow.svg" style={{ cursor: "pointer", opacity: 0.5 }}/>}
+            <img src="/image/svg/LeftArrow.svg" onClick={() => {
+              if (page > 4) {
+                checkPageMinus();
+                handlePageChange(currentPage - 2);
+              }
+            }} style={{ cursor: "pointer" }} />
+            {trueOrFalse(currentPage) && <div className="text-wrapper-4" onClick={() => handlePageChange(currentPage - 1)}>{currentPage}</div>}
+            {trueOrFalse(currentPage + 1) && <div className="text-wrapper-5" onClick={() => handlePageChange(currentPage)}>{currentPage + 1}</div>}
+            {trueOrFalse(currentPage + 2) && <div className="text-wrapper-6" onClick={() => handlePageChange(currentPage + 1)}>{currentPage + 2}</div>}
+            {trueOrFalse(currentPage + 3) && <div className="text-wrapper-6" onClick={() => handlePageChange(currentPage + 2)}>{currentPage + 3}</div>}
+            {trueOrFalse(currentPage + 4) && <div className="text-wrapper-5" onClick={() => handlePageChange(currentPage + 3)}>{currentPage + 4}</div>}
+            {trueOrFalse(currentPage + 5) ? <img src="/image/svg/RightArrow.svg" onClick={() => { checkPagePlus(); handlePageChange(currentPage + 4); }} style={{ cursor: "pointer" }} />
+              :
+              <img src="/image/svg/RightArrow.svg" style={{ cursor: "pointer", opacity: 0.5 }} />}
           </div>
         </div>
-        <div className="overlap-2">
-          <div className="history-box">
-        {lpvsHistories.lpvsHistories[4]?.status !== undefined ? (      
-          <Link to={`/result/${lpvsHistories.lpvsHistories[4]?.pullRequestId}`} style={{ color: "black", textDecoration: "none"}}>
-        <div className="history">
-            <div className="overlap-3">
-
-              <div className="text-wrapper-7">
-                  {lpvsHistories.lpvsHistories[4]?.repositoryName}
-                <div className="status-scan-error">
-                    <div className="overlap-10">
-                      <div className={status_check(lpvsHistories.lpvsHistories[4]?.hasIssue) + '-text'}>
-                        {status_check(lpvsHistories.lpvsHistories[4]?.hasIssue)}
-                      </div>
-                      <div className={status_check(lpvsHistories.lpvsHistories[4]?.hasIssue)} />
-                      <div className="prid">
-                        <div className="div-wrapper">
-                          <div className="text-wrapper-10">{lpvsHistories.lpvsHistories[4]?.pullNumber}</div>
-                        </div>
-                      </div>
-                    </div>
-              </div>
-            </div>
 
-              <div className="text-wrapper-8">{lpvsHistories.lpvsHistories[4]?.url}</div>
-              <div className="text-wrapper-9">{lpvsHistories.lpvsHistories[4]?.scanDate}</div>
-            </div>
-          </div></Link>    ): null}        
-
-          {lpvsHistories.lpvsHistories[3]?.status !== undefined ? (  
-            <Link to={`/result/${lpvsHistories.lpvsHistories[3]?.pullRequestId}`} style={{ color: "black", textDecoration: "none"}}>          
-          <div className="overlap-wrapper">
-              <div className="overlap-4">
-                <div className="text-wrapper-11">
-                  {lpvsHistories.lpvsHistories[3]?.repositoryName}
-                  <div className="status-issue">
-                    <div className="overlap-5">
-                      <div className={status_check(lpvsHistories.lpvsHistories[3]?.hasIssue) + '-text'}>{status_check(lpvsHistories.lpvsHistories[3]?.hasIssue)}</div>
-                      <div className={status_check(lpvsHistories.lpvsHistories[3]?.hasIssue)} />
-                    </div>
-                    <div className="overlap-group-wrapper">
-                      <div className="div-wrapper">
-                        <div className="text-wrapper-13">{lpvsHistories.lpvsHistories[3]?.pullNumber}</div>
-                      </div>
-                    </div>
-                    
-                  </div>
-                </div>
-                <div className="text-wrapper-8">{lpvsHistories.lpvsHistories[3]?.url}</div>
-                <div className="text-wrapper-9">{lpvsHistories.lpvsHistories[3]?.scanDate}</div>
-              </div>
-            </div>
-            </Link>): null}
-
-            {lpvsHistories.lpvsHistories[2]?.status !== undefined ? (
-              <Link to={`/result/${lpvsHistories.lpvsHistories[2]?.pullRequestId}`} style={{ color: "black", textDecoration: "none"}}>
-             <div className="history-2">
-              <div className="overlap-6">
-                <div className="text-wrapper-15">
-                  {lpvsHistories.lpvsHistories[2]?.repositoryName}
-                  <div className="status-scan">
-                    <div className="overlap-5">
-                      <div className={status_check(lpvsHistories.lpvsHistories[2]?.hasIssue) + '-text'}>{status_check(lpvsHistories.lpvsHistories[2]?.hasIssue)}</div>
-                      <div className={status_check(lpvsHistories.lpvsHistories[2]?.hasIssue)} />
-                    </div>
-                    <div className="prid-2">
-                      <div className="div-wrapper">
-                        <div className="text-wrapper-16">{lpvsHistories.lpvsHistories[2]?.pullNumber}</div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-                <div className="text-wrapper-8">{lpvsHistories.lpvsHistories[2]?.url}</div>
-                <div className="text-wrapper-9">{lpvsHistories.lpvsHistories[2]?.scanDate}</div>
-              </div>
-            </div>
-            </Link>
-            ): null}
-
-            {lpvsHistories.lpvsHistories[1]?.status !== undefined ? (   
-              <Link to={`/result/${lpvsHistories.lpvsHistories[1]?.pullRequestId}`} style={{ color: "black", textDecoration: "none"}}>
-            <div className="history-3">
-              <div className="overlap-7">
-                <div className="text-wrapper-17">
-                  {lpvsHistories.lpvsHistories[1]?.repositoryName}
-                  <div className="status-scan-2">
-                    <div className="overlap-8">
-                      <div className={status_check(lpvsHistories.lpvsHistories[1]?.hasIssue) + '-text'}>{status_check(lpvsHistories.lpvsHistories[1]?.hasIssue)}</div>
-                      <div className={status_check(lpvsHistories.lpvsHistories[1]?.hasIssue)} />
-                    </div>
-                    <div className="prid-3">
-                      <div className="div-wrapper">
-                        <div className="text-wrapper-18">{lpvsHistories.lpvsHistories[1]?.pullNumber}</div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-                <div className="text-wrapper-8">{lpvsHistories.lpvsHistories[1]?.url}</div>
-                <div className="text-wrapper-9">{lpvsHistories.lpvsHistories[1]?.scanDate}</div>
-              </div>
-            </div>
-            </Link>         
-            ) : null}
-            {lpvsHistories.lpvsHistories[0]?.status !== undefined ? (            
-            <Link to={`/result/${lpvsHistories.lpvsHistories[0]?.pullRequestId}`} style={{ color: "black", textDecoration: "none"}}>
-            <div className="history-4">
-              <div className="overlap-9">
-                <div className="text-wrapper-19">
-                  {lpvsHistories.lpvsHistories[0]?.repositoryName}
-                  <div className="status-issue-2">
-                    <div className="overlap-5">
-                      <div className={status_check(lpvsHistories.lpvsHistories[0]?.hasIssue) + '-text'}>{status_check(lpvsHistories.lpvsHistories[0]?.hasIssue)}</div>
-                      <div className={status_check(lpvsHistories.lpvsHistories[0]?.hasIssue)} />
-                    </div>
-                    <div className="prid-4">
-                      <div className="div-wrapper">
-                        <div className="text-wrapper-20">{lpvsHistories.lpvsHistories[0]?.pullNumber}</div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-                <div className="text-wrapper-8">{lpvsHistories.lpvsHistories[0]?.url}</div>
-                <div className="text-wrapper-9">{lpvsHistories.lpvsHistories[0]?.scanDate}</div>
-              </div>
-            </div>
-            </Link>
-            ): null}
-          </div>
-        </div>
         <div className="menubar-top">
           <div className="menu-line" />
           <div className="menu">
@@ -355,26 +291,30 @@ export const History= () => {
               <div className="profile">
                 <div className="overlap-group-2">
                   <img className="image" alt="Image" src="/image/png/ProfileImg.png" />
-                  <div className="text-wrapper-23"><Link to={"/user/setting"} style={{ color: "black", textDecoration: "none"}}>{username.name ? (
-                      <div>{truncateName(username.name)}</div>
+                  <div className="text-wrapper-23"><Link to={"/user/setting"} style={{ color: "black", textDecoration: "none" }}>{username.name ? (
+                    <div>{truncateName(username.name)}</div>
                   ) : (
-                      <div>Loading...</div>
+                    <div>Loading...</div>
                   )}
                   </Link></div>
                 </div>
               </div>
             </div>
-              <div className="text-wrapper-22"><Link to={`/dashboard/send/${username?.nickname}`} style={{ color: "black", textDecoration: "none"}}>Dashboard</Link></div>
-              <div className="text-wrapper-21">
-                <Link 
-                to={`/history/send/${username?.nickname}?page=0`} 
-                style={{ color: "black", textDecoration: "none"}}>History
-                </Link>
-              </div>
-                <Link to={"/home"} 
-                style={{ color: "black", textDecoration: "none"}}>
-                <img className="LPVS" alt="img" src="/image/png/LPVS_logo_bar.png" />
-                </Link>
+            <div className="text-wrapper-22">
+              <Link 
+                to={`/dashboard/send/${username?.nickname}`} 
+                style={{ color: "black", textDecoration: "none" }}>Dashboard
+              </Link></div>
+            <div className="text-wrapper-21">
+              <Link
+                to={`/history/send/${username?.nickname}?page=0`}
+                style={{ color: "black", textDecoration: "none" }}>History
+              </Link>
+            </div>
+            <Link to={"/home"}
+              style={{ color: "black", textDecoration: "none" }}>
+              <img className="LPVS" alt="img" src="/image/png/LPVS_logo_bar.png" />
+            </Link>
           </div>
         </div>
       </div>