header looks okay

src/Blog/SearchHeader/SearchHeader.tsx

@@ -1,12 +1,12 @@
-import Box from "@mui/material/Box";
+import Stack from "@mui/material/Stack";
 import { SearchRow } from "./SearchRow/SearchRow";
 import { TagCloud } from "./TagCloud/TagCloud";
 
 export function SearchHeader() {
   return (
-    <Box class="search-header">
+    <Stack class="search-header" spacing={2}>
       <SearchRow />
       <TagCloud />
-    </Box>
+    </Stack>
   );
 }

src/Blog/SearchHeader/SearchRow/SearchTextBox/SearchTextBox.tsx

@@ -1,5 +1,5 @@
 import TextField from "@mui/material/TextField";
 
 export function SearchTextBox() {
-  return <TextField variant="outlined" label="Search Articles" />;
+  return <TextField variant="outlined" label="Search Articles" fullWidth />;
 }