diff --git a/Frontend/src/app/components/player/player-search.tsx b/Frontend/src/app/components/player/player-search.tsx
index c9fa6c0..6bd6625 100644
--- a/Frontend/src/app/components/player/player-search.tsx
+++ b/Frontend/src/app/components/player/player-search.tsx
@@ -21,16 +21,14 @@ type PlayerSearchProps = {
  * @param query the query to search for
  * @returns the search component jsx
  */
-const PlayerSearch = ({
-    query,
-}: PlayerSearchProps): ReactElement => {
+const PlayerSearch = ({ query }: PlayerSearchProps): ReactElement => {
     const handleRedirect = async (form: FormData): Promise<void> => {
         "use server";
         redirect(`/player/${form.get("query")}`);
     };
     return (
         <form
-            className="flex flex-col gap-7 items-center"
+            className="flex flex-col gap-7 justify-center items-center"
             action={handleRedirect}
         >
             <div className="w-full flex flex-col gap-3">
diff --git a/Frontend/src/app/components/server/server-search.tsx b/Frontend/src/app/components/server/server-search.tsx
index 8457e28..ad00fe6 100644
--- a/Frontend/src/app/components/server/server-search.tsx
+++ b/Frontend/src/app/components/server/server-search.tsx
@@ -44,7 +44,7 @@ const ServerSearch = ({
     };
     return (
         <form
-            className="flex flex-col gap-7 items-center"
+            className="flex flex-col gap-7 justify-center items-center"
             action={handleRedirect}
         >
             <div className="w-full flex gap-2">