CSS fix

app/(client)/room/[id]/VoteUI.tsx

@@ -43,10 +43,12 @@ const VoteUI = () => {
     fetch(`/api/internal/room/${roomId}`, {
       cache: "no-cache",
       method: "GET",
-    }).then(async (response) => {
+    })
+      .then(async (response) => {
         const dbRoom = (await response.json()) as RoomResponse;
         setRoomFromDb(dbRoom);
-    }).catch(() => {
+      })
+      .catch(() => {
         setRoomFromDb(null);
       });
   };
@@ -239,7 +241,9 @@ const VoteUI = () => {
         {roomFromDb && (
           <div className="card card-compact bg-base-100 shadow-xl">
             <div className="card-body">
-              <h2 className="card-title">Story: { roomFromDb.storyName }</h2>
+              <h2 className="card-title mx-auto">
+                Story: {roomFromDb.storyName}
+              </h2>
 
               <ul className="p-0 flex flex-row flex-wrap justify-center items-center text-ceter gap-4">
                 {presenceData &&
@@ -308,12 +312,13 @@ const VoteUI = () => {
                     })}
               </ul>
 
-              <div className="join md:btn-group-horizontal">
+              <div className="join md:btn-group-horizontal mx-auto">
                 {roomFromDb.scale?.split(",").map((scaleItem, index) => {
                   return (
                     <button
                       key={index}
-                      className={ `join-item ${getVoteForCurrentUser()?.value === scaleItem
+                      className={`join-item ${
+                        getVoteForCurrentUser()?.value === scaleItem
                           ? "btn btn-active btn-primary"
                           : "btn"
                       }`}