diff --git a/src/components/Carousel.tsx b/src/components/Carousel.tsx
index 3a115df8..0f2b9c9d 100644
--- a/src/components/Carousel.tsx
+++ b/src/components/Carousel.tsx
@@ -62,7 +62,7 @@ function createCarouselStyles(number: number): string {
}
`;
- const delays = Array.from({ length: number })
+ const delayList = Array.from({ length: number })
.map((_, i) => {
return css`
&:nth-child(${i + 1}) {
@@ -73,6 +73,10 @@ function createCarouselStyles(number: number): string {
`;
})
.join("\n");
+ const delays = css`
+ .carousel > img {
+ ${delayList}
+ }`;
return css`
.carousel > img {
@@ -88,9 +92,7 @@ function createCarouselStyles(number: number): string {
}
}
- .carousel > img {
- ${delays}
- }
+ ${delays}
${keyframes}
`;
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index 9cd74190..b26ab36e 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -140,7 +140,6 @@ function RenderCategory(props: Menu): JSX.Element {
* @param props.title - The title of the link.
* @returns The rendered category header.
*/
-// TODO(lishaduck): Add a component to centralize anchor styling.
function RenderCategoryHeader({ url, title }: BasicMenu): JSX.Element {
return (
): JSX.Element {