fix: mas width for meta section

packages/website/src/components/Tankopedia/MetaSection/index.tsx

@@ -25,6 +25,7 @@ export function MetaSection() {
   const { locale, strings } = useLocale();
 
   return (
+    <Flex justify="center">
       <Box
         style={{
           background: `url(/assets/images/national-wallpapers/${protagonist.nation}.jpg)`,
@@ -33,6 +34,8 @@ export function MetaSection() {
           backgroundPosition:
             NATIONAL_BANNER_POSITION_OVERRIDES[protagonist.nation] ?? 'center',
         }}
+        flexGrow="1"
+        maxWidth="120rem"
       >
         <Box
           style={{
@@ -95,7 +98,9 @@ export function MetaSection() {
 
                 <Flex direction="column" width="100%" gap="2">
                   {developerMode && (
-                  <Listing label={strings.website.tools.tankopedia.meta.dev_id}>
+                    <Listing
+                      label={strings.website.tools.tankopedia.meta.dev_id}
+                    >
                       <Code>{protagonist.id}</Code>
                     </Listing>
                   )}
@@ -174,5 +179,6 @@ export function MetaSection() {
           </Flex>
         </Box>
       </Box>
+    </Flex>
   );
 }