feat: no flex 1

src/app/tools/tankopedia/[id]/components/Model/HistoricalSection.tsx

@@ -8,7 +8,7 @@ export function HistoricalSection() {
   if (!tank.description) return null;
 
   return (
-    <PageWrapper>
+    <PageWrapper noFlex1>
       <Heading>History of the {tank.name}</Heading>
       <Text>{tank.description}</Text>
     </PageWrapper>

src/app/tools/tankopedia/[id]/components/Model/TechTreeSection.tsx

@@ -128,6 +128,7 @@ export function TechTreeSection() {
 
   return (
     <PageWrapper
+      noFlex1
       containerProps={{
         style: {
           overflow: 'hidden',

src/app/tools/tankopedia/[id]/components/Videos.tsx

@@ -14,7 +14,7 @@ export function Videos() {
   if (isFullScreen || videos.length === 0) return null;
 
   return (
-    <PageWrapper>
+    <PageWrapper noFlex1>
       <Flex direction="column" gap="4" align="start">
         <Heading size="6">Review videos</Heading>
 

src/components/PageWrapper.tsx

@@ -9,6 +9,7 @@ type PageWrapperProps = FlexProps & {
   noMaxWidth?: boolean;
   highlight?: boolean;
   containerProps?: ComponentProps<typeof Theme>;
+  noFlex1?: boolean;
 };
 
 export default function PageWrapper({
@@ -18,6 +19,7 @@ export default function PageWrapper({
   children,
   noPadding = false,
   noMaxWidth = false,
+  noFlex1 = false,
   highlight = false,
   containerProps,
   ...props
@@ -27,7 +29,7 @@ export default function PageWrapper({
       {...containerProps}
       accentColor={color}
       style={{
-        flex: 1,
+        flex: noFlex1 ? undefined : 1,
         display: 'flex',
         flexDirection: 'column',
         background: highlight