diff --git a/app/javascript/packs/application.ts b/app/javascript/packs/application.ts
index 5ec39aefa75..227b3ade7f2 100644
--- a/app/javascript/packs/application.ts
+++ b/app/javascript/packs/application.ts
@@ -2,3 +2,8 @@ import { accordion, banner, skipnav } from 'identity-style-guide';
 
 const components = [accordion, banner, skipnav];
 components.forEach((component) => component.on());
+const mainContent = document.getElementById('main-content');
+document.querySelector('.usa-skipnav')?.addEventListener('click', (event) => {
+  event.preventDefault();
+  mainContent?.scrollIntoView();
+});