developer-roadmap/components/md-renderer/mdx-components/ul.tsx

import React from 'react';
import { UnorderedList } from '@chakra-ui/react';
import styled from 'styled-components';

export const Ul = styled.ul`
  margin-left: 40px;
  margin-bottom: 18px;
  
  ul {
    margin-top: 18px;
  }
`;

export const Li = styled.li`
  margin-bottom: 7px;
`;