edit of teamID page

using a long-wave format to fix issue with repeating patterns not lining up.

app/(main)/team/[teamId]/page.js

@@ -479,9 +479,11 @@ export default function TeamPage({ params }) {
           padding: 15px;
           display: flex;
           align-items: center;
+          justify-content: center; /* Center content horizontally */
           box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-          width: 80vw;
-          max-width: 500px;
+          width: calc(80vw - 8px); /* Reduce width by 8px */
+          max-width: 492px; /* Reduced from 500px by 8px */
+          margin: 0 auto; /* Center the card */
         }
 
         .member-avatar {
@@ -491,6 +493,7 @@ export default function TeamPage({ params }) {
 
         .member-name {
           font-weight: 600;
+          text-align: center; /* Center the text */
         }
 
         .empty-state {