From 4494bd74ecceceaa1c5921759db696d8cc07005f Mon Sep 17 00:00:00 2001
From: Rainnny7 <braydonrainnny@gmail.com>
Date: Wed, 17 Apr 2024 23:40:38 -0400
Subject: [PATCH] fix centering

---
 Frontend/src/app/components/player/player-search.tsx | 6 ++----
 Frontend/src/app/components/server/server-search.tsx | 2 +-
 2 files changed, 3 insertions(+), 5 deletions(-)

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">