import React from 'react';
import styled from 'styled-components';

import CourseList from 'atoms/course-list';

const Language = styled.li``;

const LanguageEducation = ({ education }) => {
  return (
    <CourseList>
      {education.map(lang => (
        <Language key={lang.id}>{lang.label}</Language>
      ))}
    </CourseList>
  );
};

export default LanguageEducation;

@@ -106,16 +106,84 @@
 list';%0A%0A
+const StyledCourseList = styled(CourseList)%60%0A  padding: 1rem 0;%0A%60;%0A%0A
 const La
@@ -204,16 +204,16 @@
 d.li%60%60;%0A
-
 %0Aconst L
@@ -268,16 +268,22 @@
  (%0A    %3C
+Styled
 CourseLi
@@ -387,14 +387,20 @@
 ))%7D%0A
-
     %3C/
+Styled
 Cour

Increase padding for language-education