fix navigation expanding when searching for livestreams

Author: StackOverflowIsBetterThanAnyAI

src/components/UI/navigation/Navigation.tsx

@@ -342,11 +342,11 @@ const Navigation = () => {
     return (
         <div className="sticky top-0 z-10" data-testid="navigation-container">
             <nav
-                className={`bg-zinc-925 text-slate-300 py-2 px-4 h-16
+                className={`bg-zinc-925 text-slate-300 
                 transition-opacity duration-500 ease-in-out ${navOpacity}`}
                 data-testid="navigation"
             >
-                <div className="max-w-[2048px] flex justify-between w-full m-auto">
+                <div className="max-w-[2048px] flex justify-between w-full py-2 px-4 h-16 m-auto">
                     <HomeIcon />
                     {contextScreenWidth === 'TABLET' ||
                     contextScreenWidth === 'DESKTOP' ? (