diff --git a/src/components/Article.vue b/src/components/Article.vue
index 9ff3b36b512fe6cefbc08c0de3c3afe94a4e7966..af37e3bef97d491b6e570bf14a9cf0fb981513a1 100644
--- a/src/components/Article.vue
+++ b/src/components/Article.vue
@@ -156,10 +156,16 @@ section.etymology ul, section.pronunciation ul, section.etymology li, section.pr
   display: inline;
 }
 
-section.etymology li:not(:first-child):before, section.pronunciation li:not(:first-child):before {
+section.etymology li:not(:first-child):not(:last-child):before, section.pronunciation li:not(:first-child):not(:last-child):before {
   content: ", ";
 }
 
+section.etymology li:not(:first-child):last-child:before, section.pronunciation li:not(:first-child):last-child:before {
+  content: " eller ";
+  font-style: italic;
+  font-size: smaller;
+}
+
 li {
   padding-bottom: 4px;
 }
diff --git a/src/components/DefElement.vue b/src/components/DefElement.vue
index 98c086a433e4fa670bf45d13af6629d957394778..213b53831bffb517caeb55da1fdabefa2058d060 100644
--- a/src/components/DefElement.vue
+++ b/src/components/DefElement.vue
@@ -93,10 +93,15 @@ export default {
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style scoped>
-.usage, .pronunciation_guide {
+.usage {
   font-style: italic;
 }
 
+.pronunciation_guide {
+  font-style: italic;
+  font-size: smaller;
+}
+
 .numerator{
   vertical-align: super;
   padding-right: 2px;