diff --git a/aio/src/app/app.component.ts b/aio/src/app/app.component.ts
index 822f4b2e5e..42826349bf 100644
--- a/aio/src/app/app.component.ts
+++ b/aio/src/app/app.component.ts
@@ -14,7 +14,7 @@ import { BehaviorSubject, combineLatest, Observable } from 'rxjs';
 import { first, map } from 'rxjs/operators';
 
 const sideNavView = 'SideNav';
-export const showTopMenuWidth = 992;
+export const showTopMenuWidth = 1048;
 export const dockSideNavWidth = 992;
 export const showFloatingTocWidth = 800;
 
diff --git a/aio/src/styles/1-layouts/_top-menu.scss b/aio/src/styles/1-layouts/_top-menu.scss
index da915c8b62..5166b295ef 100644
--- a/aio/src/styles/1-layouts/_top-menu.scss
+++ b/aio/src/styles/1-layouts/_top-menu.scss
@@ -1,5 +1,5 @@
 // VARIABLES
-$showTopMenuWidth: 992px;
+$showTopMenuWidth: 1048px;
 $hideTopMenuWidth: $showTopMenuWidth - 1;
 $hamburgerShownMargin: 0 8px 0 0;
 $hamburgerHiddenMargin: 0 16px 0 -64px;