diff --git a/src/sidebars/engS.tsx b/src/sidebars/engS.tsx
index 1d174782f27b3af8967e3aeaa6962aa834863029..f9848a0a1254e1da1e30c1cf6429d745e57468e6 100644
--- a/src/sidebars/engS.tsx
+++ b/src/sidebars/engS.tsx
@@ -7,7 +7,7 @@ import { useNavigation } from "../utils";
 
 export function EngSide(){
     let nums = [ "cyc1", "cyc2", "cyc3", "cyc4", "pe1", "pe2", "pe3", "nik1", "nik2", "nik3", "nik4", "nik5", "nik6",  
-        "peg1", "peg2", "peg3", "peg4", "peg5", "peg6", "del1", "del2", "del3"]
+        "peg1", "peg2", "peg3", "peg4", "peg5", "peg6", "del1", "del2", "del3", "del4", "del5"]
     useEffect(() => {
         window.addEventListener('scroll', handleScroll);
         return () => window.removeEventListener('scroll', handleScroll);
@@ -170,6 +170,12 @@ export function EngSide(){
                                         <li><a onClick={() => goToPageWithTabAndScroll({path: "", tabId: "Delivery", scrollToId: "del3"})}>
                                                 <span id="subtitle21" className='sideitem'>Iteration 3</span>
                                         </a></li>
+                                        <li><a onClick={() => goToPageWithTabAndScroll({path: "", tabId: "Delivery", scrollToId: "del4"})}>
+                                                <span id="subtitle22" className='sideitem'>Iteration 4</span>
+                                        </a></li>
+                                        <li><a onClick={() => goToPageWithTabAndScroll({path: "", tabId: "Delivery", scrollToId: "del5"})}>
+                                                <span id="subtitle23" className='sideitem'>Outlook</span>
+                                        </a></li>
                                     </ul>
                                 </span>
                             </div>