diff --git a/components/ExpandableList.vue b/components/ExpandableList.vue
new file mode 100644
index 000000000..57036e801
--- /dev/null
+++ b/components/ExpandableList.vue
@@ -0,0 +1,53 @@
+<template>
+    <ul>
+        <li v-for="(el, i) in values">
+            <template v-if="allShown || i < showLimit">
+                <slot v-bind:el="el" v-bind:i="i">
+                    {{ el }}
+                </slot>
+            </template>
+        </li>
+        <li v-if="!allShown && hiddenCount > 0" class="small">
+            <span v-if="static">
+                <Icon v="plus-circle"/>
+                <T :params="{count: hiddenCount}">profile.expendableList.more</T>
+            </span>
+            <a v-else href="#" @click.prevent="allShown = true">
+                <Icon v="plus-circle"/>
+                <T :params="{count: hiddenCount}">profile.expendableList.more</T>
+                <br/>
+                <Icon v=""/>
+                <T>profile.expendableList.show</T>
+            </a>
+        </li>
+    </ul>
+</template>
+
+<script>
+export default {
+    props: {
+        values: { required: true },
+        limit: { required: true },
+        static: { type: Boolean },
+    },
+    data() {
+        let showLimit = this.values.length;
+        let hiddenCount = 0;
+
+        if (this.values.length > this.limit) {
+            showLimit = this.limit;
+            hiddenCount = this.values.length - this.limit;
+        }
+        if (hiddenCount === 1) {
+            showLimit--;
+            hiddenCount++;
+        }
+
+        return {
+            allShown: false,
+            showLimit,
+            hiddenCount,
+        }
+    },
+}
+</script>
diff --git a/components/Profile.vue b/components/Profile.vue
index 799284c67..a746b05b9 100644
--- a/components/Profile.vue
+++ b/components/Profile.vue
@@ -63,9 +63,11 @@
                     <T>profile.names</T>
                 </h3>
 
-                <ul class="list-unstyled">
-                    <li v-for="{value: name, opinion} in profile.names"><Opinion :word="convertName(name)" :opinion="opinion" :escape="false" :customOpinions="profile.opinions"/></li>
-                </ul>
+                <ExpandableList :values="profile.names" :limit="16" class="list-unstyled" :static="expandLinks">
+                    <template v-slot="s">
+                        <Opinion :word="convertName(s.el.value)" :opinion="s.el.opinion" :escape="false" :customOpinions="profile.opinions"/>
+                    </template>
+                </ExpandableList>
             </div>
             <div v-if="profile.pronouns.length" :class="['col-6', mainRowCount === 3 ? 'col-lg-4' : 'col-lg-6']">
                 <h3>
@@ -73,11 +75,11 @@
                     <T>profile.pronouns</T>
                 </h3>
 
-                <ul class="list-unstyled">
-                    <li v-for="{link, pronoun, opinion} in pronounOpinions">
-                        <Opinion :word="typeof pronoun === 'string' ? pronoun : pronoun.name(glue)" :opinion="opinion" :link="`/${link}`" :customOpinions="profile.opinions"/>
-                    </li>
-                </ul>
+                <ExpandableList :values="pronounOpinions" :limit="16" class="list-unstyled" :static="expandLinks">
+                    <template v-slot="s">
+                        <Opinion :word="typeof s.el.pronoun === 'string' ? s.el.pronoun : s.el.pronoun.name(glue)" :opinion="s.el.opinion" :link="`/${s.el.link}`" :customOpinions="profile.opinions"/>
+                    </template>
+                </ExpandableList>
             </div>
             <div v-if="profile.links.length" :class="['col-12', mainRowCount === 3 ? 'col-lg-4' : 'col-lg-6']">
                 <h3>
@@ -85,11 +87,11 @@
                     <T>profile.links</T>
                 </h3>
 
-                <ul class="list-unstyled">
-                    <li v-for="link in profile.links">
-                        <ProfileLink :link="link" :expand="expandLinks" :verifiedLinks="profile.verifiedLinks || {}"/>
-                    </li>
-                </ul>
+                <ExpandableList :values="profile.links" :limit="16" class="list-unstyled" :static="expandLinks">
+                    <template v-slot="s">
+                        <ProfileLink :link="s.el" :expand="expandLinks" :verifiedLinks="profile.verifiedLinks || {}"/>
+                    </template>
+                </ExpandableList>
             </div>
         </section>
 
@@ -102,9 +104,12 @@
             <div class="row">
                 <div v-for="column in profile.words" v-if="column.values.length" class="col-6 col-lg-3">
                     <h4 v-if="column.header" class="h6">{{ column.header }}</h4>
-                    <ul class="list-unstyled">
-                        <li v-for="{value: word, opinion} in column.values"><Opinion :word="word" :opinion="opinion" :customOpinions="profile.opinions"/></li>
-                    </ul>
+
+                    <ExpandableList :values="column.values" :limit="16" class="list-unstyled" :static="expandLinks">
+                        <template v-slot="s">
+                            <Opinion :word="s.el.value" :opinion="s.el.opinion" :customOpinions="profile.opinions"/>
+                        </template>
+                    </ExpandableList>
                 </div>
             </div>
         </section>