Marquee with direction="vertical" is not taking up 100% width

Marquee with direction="vertical" is not displaying

import { Marquee } from '@animatereactnative/marquee';

import { marketPortfolioBuilderCardMarqueeMocks } from './market-portfolio-builder-card-marquee.mock';
import styled from 'styled-components/native';

const getRandomColor = () => {
return #${Math.floor(Math.random() * 16777215).toString(16)};
};

export const MarketPortfolioBuilderMarqueeItem = styled.Viewdisplay: flex; flex-direction: row; justify-content: space-between; align-items: center; height: 80px; margin-top: 15px; background-color: ${getRandomColor}; width: 100%;;

export const MarketPortfolioBuilderCardMarquee = () => {
return (

{marketPortfolioBuilderCardMarqueeMocks.map((_, index) => (

))}

);
};

After updating code for AnimatedChild inside the package, adding width: 100% items are displaying correctly

Start with the Marquee entry point and the package's AnimatedChild implementation, then reproduce the supplied direction="vertical" example with the mapped marketPortfolioBuilderMarqueeMocks items. Done means vertical marquee children occupy the available width, matching the reported corrected rendering; no specific test file is named in the report.