diff --git a/src/Programs/ui/ProgramsRoot.tsx b/src/Programs/ui/ProgramsRoot.tsx index a943434f5..df846da22 100644 --- a/src/Programs/ui/ProgramsRoot.tsx +++ b/src/Programs/ui/ProgramsRoot.tsx @@ -2,7 +2,7 @@ import React, { useState, useEffect } from "react"; import { use } from "../../ui/Context"; import { getAvailableCreatePrograms } from "../ProgramHelpers"; -import { Tooltip, Typography } from "@mui/material"; +import { Box, Tooltip, Typography } from "@mui/material"; import Button from "@mui/material/Button"; export const ProgramsSeen: string[] = []; @@ -38,27 +38,28 @@ export function ProgramsRoot(): React.ReactElement { time. Your progress will be saved and you can continue later. - {programs.map((program) => { - const create = program.create; - if (create === null) return <>; + + {programs.map((program) => { + const create = program.create; + if (create === null) return <>; - return ( - - - - -
-
- ); - })} + return ( + + + + + + ); + })} +
); }