diff --git a/src/components/GlossaryComponent/GlossaryList/GlossaryList.js b/src/components/GlossaryComponent/GlossaryList/GlossaryList.js index d46de195ec2..70e407259fe 100644 --- a/src/components/GlossaryComponent/GlossaryList/GlossaryList.js +++ b/src/components/GlossaryComponent/GlossaryList/GlossaryList.js @@ -21,7 +21,7 @@ class Glossary extends Component { {glossaryEntry} {glossaryEntry} - {Object.keys(entry).map(list => { + {Object.keys(entry).map((list, i) => { const listItems = Object.keys(entry[list]).map(word => { counter += 1; const currentWord = entry[list][word]; @@ -50,8 +50,7 @@ class Glossary extends Component { ); }); return ( -
-

{list}

+
{listItems}
); diff --git a/src/components/GlossaryComponent/GlossaryList/glossary-list.scss b/src/components/GlossaryComponent/GlossaryList/glossary-list.scss index 71ca0036cb9..dd04f6baf7b 100644 --- a/src/components/GlossaryComponent/GlossaryList/glossary-list.scss +++ b/src/components/GlossaryComponent/GlossaryList/glossary-list.scss @@ -2,6 +2,10 @@ padding-top: rem(36px); } +.glossary-entry__main-heading { + margin-bottom: $spacing-06; +} + .glossary-entry__main-heading span { text-transform: lowercase; }