diff --git a/client/src/components/layout/header/SearchBar.tsx b/client/src/components/layout/header/SearchBar.tsx
index 7b33d4380..f6108caf3 100644
--- a/client/src/components/layout/header/SearchBar.tsx
+++ b/client/src/components/layout/header/SearchBar.tsx
@@ -214,7 +214,7 @@ export default function SearchBar() {
 	}
 
 	return (
-		<div ref={ref} className="align-self-center">
+		<div ref={ref} className="align-self-center" style={{ flexGrow: 1 }}>
 			<div className="topbar-item mr-2">
 				<form className="quick-search-form" onSubmit={PREVENT_DEFAULT}>
 					<div className="input-group">
diff --git a/client/src/components/layout/header/Topbar.tsx b/client/src/components/layout/header/Topbar.tsx
index 4ba3d0d46..48b4909c6 100644
--- a/client/src/components/layout/header/Topbar.tsx
+++ b/client/src/components/layout/header/Topbar.tsx
@@ -8,7 +8,7 @@ export function Topbar() {
 	const { user } = useContext(UserContext);
 
 	return (
-		<div className="topbar">
+		<div className="topbar" style={{ minWidth: "35%" }}>
 			<SearchBar />
 
 			{user ? (