Fix display issue due to Next bug

See vercel/next.js#18915
michaelperrin · Dec 16, 2021 · 2635003 · 2635003 · vercel · Dec 16, 2021
1 parent f08782b
commit 2635003
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/components/TransportIcon.tsx b/components/TransportIcon.tsx
@@ -57,7 +57,7 @@ const TransportIcon = ({ line, size = 24 }: TransportIconProps) => {
     <div className="flex flex-nowrap gap-3">
       {linesPerNetwork.map((networkLines, network) => (
         <div key={network} className="flex flex-nowrap gap-1">
-          <div>
+          <div style={{ height: `${size}px` }}>
             {network === Network.RER && (
               <Image
                 src="/images/transport/RER.svg"
@@ -86,7 +86,7 @@ const TransportIcon = ({ line, size = 24 }: TransportIconProps) => {
 
           <div className="flex gap-1">
             {networkLines.map((line: string) => (
-              <div key={line}>
+              <div key={line} style={{ height: `${size}px` }}>
                 <Image
                   src={`/images/transport/${line}.svg`}
                   width={size}