diff --git a/src/components/Chapters.tsx b/src/components/Chapters.tsx
index 1c64e3c9a3dc7ae77d35cdf2ede771bae148a697..6ddaf189a3b5957f65533c554265308047d1748f 100644
--- a/src/components/Chapters.tsx
+++ b/src/components/Chapters.tsx
@@ -12,6 +12,9 @@ const Chapters = () => {
             case 'chpt3':
                 window.location.href = '/symptoms';
                 break;
+            case 'chpt4':
+                window.location.href = '/treatment';
+                break;
             default:
                 break;
         }
@@ -46,6 +49,12 @@ const Chapters = () => {
                     className="absolute w-44 h-44 left-[35%] bottom-[10%] z-10 cursor-pointer"
                     onClick={() => handleChapterClick('chpt3')}
                 ></div>
+
+                <div
+                    id="chpt4"
+                    className="absolute w-44 h-44 left-[25%] top-[40%] z-10 cursor-pointer"
+                    onClick={() => handleChapterClick('chpt4')}
+                ></div>
             </div>
         </>
     );