diff --git a/src/Onboarding.jsx b/src/Onboarding.jsx
index 3ce8f61..d812efd 100644
--- a/src/Onboarding.jsx
+++ b/src/Onboarding.jsx
@@ -211,46 +211,4 @@ function manageOnboardingContent_onSlide(currentState=0) {
     ];
 
     return { content: onboardingContent[currentState], totalSlideCount: onboardingContent.length - 1};
-}
-
-// showSlideCount is a sub-component here
-// getting used to render the active-slide navigation feature
-
-// function ShowSlideNavigation({activeSlideIndex=0, totalSlideCount}) {
-//     let dotsContainer = [];
-//     useEffect(() => {
-//         for (let dotCount = 0; dotCount <= totalSlideCount; dotCount++) {
-//             dotsContainer.push(
-//                 dotCount === activeSlideIndex
-//                     ? <React.Fragment>
-//                         <div className="p-1 w-1 h-1 rounded-full bg-white" />
-//                       </React.Fragment>
-//                     : <React.Fragment>
-//                         <div className="p-1 w-1 h-1 rounded-full bg-white bg-opacity-30" />
-//                       </React.Fragment>
-//             )
-//         }
-//     });
-    
-//     if (!totalSlideCount) return <React.Fragment></React.Fragment>;
-
-//     if (!activeSlideIndex) {
-//         return (
-//             <React.Fragment>
-//                 <div className="navigation-dots-component-wrapper w-fit h-fit flex flex-row items-center justify-between mx-auto gap-2 mt-2">
-//                     {dotsContainer.map((dot, dotIndex) => {
-//                         return (
-//                             <React.Fragment key={dotIndex}>{dot}</React.Fragment>
-//                         )
-//                     })}
-//                 </div>
-//             </React.Fragment>
-//         )
-//     } else {
-//         return (
-//             <React.Fragment>
-
-//             </React.Fragment>
-//         )
-//     }
-// }
\ No newline at end of file
+}
\ No newline at end of file