diff --git a/src/Blog/SearchHeader/SearchHeader.tsx b/src/Blog/SearchHeader/SearchHeader.tsx
index b4ba605..a1d344a 100644
--- a/src/Blog/SearchHeader/SearchHeader.tsx
+++ b/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>
   );
 }
diff --git a/src/Blog/SearchHeader/SearchRow/SearchTextBox/SearchTextBox.tsx b/src/Blog/SearchHeader/SearchRow/SearchTextBox/SearchTextBox.tsx
index 4a0e8b2..944b904 100644
--- a/src/Blog/SearchHeader/SearchRow/SearchTextBox/SearchTextBox.tsx
+++ b/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 />;
 }