diff --git a/aio/src/styles/1-layouts/_top-menu.scss b/aio/src/styles/1-layouts/_top-menu.scss
index 6834f9e88a..62eb9b4937 100644
--- a/aio/src/styles/1-layouts/_top-menu.scss
+++ b/aio/src/styles/1-layouts/_top-menu.scss
@@ -201,7 +201,7 @@ aio-search-box.search-container {
       transition: width 0.4s ease-in-out;
 
       &:focus {
-        width: 50%;
+        width: 80%;
       }
     }
     @media (max-width: 480px) {