diff --git a/src/components/display/DictionaryDetails/DetailsSection/PhonologyDisplay.jsx b/src/components/display/DictionaryDetails/DetailsSection/PhonologyDisplay.jsx
index dbb92f1..cc7e39e 100644
--- a/src/components/display/DictionaryDetails/DetailsSection/PhonologyDisplay.jsx
+++ b/src/components/display/DictionaryDetails/DetailsSection/PhonologyDisplay.jsx
@@ -15,28 +15,32 @@ export const PhonologyDisplay = ({ phonologyContent }) => {
Consonants:
- {phonologyContent.consonants.map(consonant => {
- return (
-
- { consonant }
-
- );
- })}
+ {
+ phonologyContent.consonants.map(consonant => {
+ return (
+
+ { consonant }
+
+ );
+ })
+ }
Vowels:
- {phonologyContent.vowels.map(vowel => {
- return (
-
- { vowel }
-
- );
- })}
+ {
+ phonologyContent.vowels.map(vowel => {
+ return (
+
+ { vowel }
+
+ );
+ })
+ }
@@ -50,14 +54,16 @@ export const PhonologyDisplay = ({ phonologyContent }) => {
Polyphthongs{'\u200B'}/{'\u200B'}Blends:
- {phonologyContent.blends.map(blend => {
- return (
-
- { blend }
-
- );
- })}
+ {
+ phonologyContent.blends.map(blend => {
+ return (
+
+ { blend }
+
+ );
+ })
+ }
@@ -80,42 +86,48 @@ export const PhonologyDisplay = ({ phonologyContent }) => {
Onset:
- {phonologyContent.phonotactics.onset.map(onset => {
- return (
-
- { onset }
-
- );
- })}
+ {
+ phonologyContent.phonotactics.onset.map(onset => {
+ return (
+
+ { onset }
+
+ );
+ })
+ }
Nucleus:
- {phonologyContent.phonotactics.nucleus.map(nucleus => {
- return (
-
- { nucleus }
-
- );
- })}
+ {
+ phonologyContent.phonotactics.nucleus.map(nucleus => {
+ return (
+
+ { nucleus }
+
+ );
+ })
+ }
Coda:
- {phonologyContent.phonotactics.coda.map(coda => {
- return (
-
- { coda }
-
- );
- })}
+ {
+ phonologyContent.phonotactics.coda.map(coda => {
+ return (
+
+ { coda }
+
+ );
+ })
+ }
diff --git a/src/components/display/DictionaryDetails/DetailsSection/styles.scss b/src/components/display/DictionaryDetails/DetailsSection/styles.scss
index f1bef9b..554ffb7 100644
--- a/src/components/display/DictionaryDetails/DetailsSection/styles.scss
+++ b/src/components/display/DictionaryDetails/DetailsSection/styles.scss
@@ -6,6 +6,7 @@
.details-menu,
.details-display {
+ height: 100%;
max-height: 500px;
overflow-y: auto;
overflow-x: hidden;