diff --git a/src/contents/engineering.tsx b/src/contents/engineering.tsx
index b94468634e97688cb660593b4a9b7d1674d3399b..c24168d59748fb3209e8f1156af85b4aac23bd9f 100644
--- a/src/contents/engineering.tsx
+++ b/src/contents/engineering.tsx
@@ -162,7 +162,7 @@ export function Engineering() {
             <div id="tab-pe-systems" className="enginneeringtab" style={{display: "none"}}>
             <section id="PE Systems sec" >
                   <div className="eng-box box" >
-                     <H3 id="Prime Editing Systems" text="PE Systems"></H3>
+                     <H3 id="PE Systems" text="Prime Editing Systems"></H3>
                      <p>Different versions of the original prime editing system have been developed since its initial introduction. Deciding on what system to use for the application in therapeutic human gene editing, especially concerning the correction of F508del, was the goal of this engineering cycle.</p>
                      <p>
                         Since we aim to develop a therapy delivered to the human body, we wanted to obtain high editing efficiency while risking as little off-targets as possible and also reducing the size for improved packability.
diff --git a/src/sidebars/engS.tsx b/src/sidebars/engS.tsx
index f9848a0a1254e1da1e30c1cf6429d745e57468e6..255962ebf1eae863d62047644ae0159e8757475c 100644
--- a/src/sidebars/engS.tsx
+++ b/src/sidebars/engS.tsx
@@ -77,13 +77,13 @@ export function EngSide(){
                                 <summary>PE Systems</summary>
                                 <span id="pe-systems" className="sidesubtab" style={{display: "none"}}>
                                      <ul>
-                                        <li><a onClick={() => goToPageWithTabAndScroll({path: "", tabId: "Delivery", scrollToId: "del1"})}>
+                                        <li><a onClick={() => goToPageWithTabAndScroll({path: "", tabId: "PE Systems", scrollToId: "pe1"})}>
                                                 <span id="subtitle4" className='sideitem'>Iteration 1</span>
                                         </a></li>
-                                        <li><a onClick={() => goToPageWithTabAndScroll({path: "", tabId: "Delivery", scrollToId: "del2"})}>
+                                        <li><a onClick={() => goToPageWithTabAndScroll({path: "", tabId: "PE Systems", scrollToId: "pe2"})}>
                                                 <span id="subtitle5" className='sideitem'>Iteration 2</span>
                                         </a></li>
-                                        <li><a onClick={() => goToPageWithTabAndScroll({path: "", tabId: "Delivery", scrollToId: "del3"})}>
+                                        <li><a onClick={() => goToPageWithTabAndScroll({path: "", tabId: "PE Systems", scrollToId: "pe3"})}>
                                                 <span id="subtitle6" className='sideitem'>Iteration 3</span>
                                         </a></li>
                                     </ul>