diff --git a/src/components/image_cropper/image_cropper.js b/src/components/image_cropper/image_cropper.js
index afca328e8..32b615265 100644
--- a/src/components/image_cropper/image_cropper.js
+++ b/src/components/image_cropper/image_cropper.js
@@ -10,12 +10,19 @@ library.add(
 
 const ImageCropper = {
   props: {
-    // Mime-types to accept, i.e. which filetypes to accept (.gif, .png, etc.)
     mimes: {
       type: String,
       default: 'image/png, image/gif, image/jpeg, image/bmp, image/x-icon'
     },
-    // Fixed aspect-ratio for selection box
+    saveButtonLabel: {
+      type: String
+    },
+    saveWithoutCroppingButtonlabel: {
+      type: String
+    },
+    cancelButtonLabel: {
+      type: String
+    },
     aspectRatio: {
       type: Number
     }
@@ -23,13 +30,11 @@ const ImageCropper = {
   data () {
     return {
       dataUrl: undefined,
-      filename: undefined
+      filename: undefined,
+      submitting: false
     }
   },
-  emits: [
-    'submit', // cropping complete or uncropped image returned
-    'close', // cropper is closed
-  ],
+  emits: ['submit'],
   methods: {
     destroy () {
       this.$refs.input.value = ''
@@ -37,6 +42,8 @@ const ImageCropper = {
       this.$emit('close')
     },
     submit (cropping = true) {
+      this.submitting = true
+
       let cropperPromise
       if (cropping) {
         cropperPromise = this.$refs.cropperSelection.$toCanvas()
@@ -46,6 +53,7 @@ const ImageCropper = {
 
       cropperPromise.then(canvas => {
         this.$emit('submit', { canvas, file: this.file })
+        this.submitting = false
       })
     },
     pickImage () {
diff --git a/src/components/interface_language_switcher/interface_language_switcher.js b/src/components/interface_language_switcher/interface_language_switcher.js
deleted file mode 100644
index bd7b641a5..000000000
--- a/src/components/interface_language_switcher/interface_language_switcher.js
+++ /dev/null
@@ -1,58 +0,0 @@
-import localeService from '../../services/locale/locale.service.js'
-
-import Select from '../select/select.vue'
-import ProfileSettingIndicator from 'src/components/settings_modal/helpers/profile_setting_indicator.vue'
-
-export default {
-  components: {
-    Select,
-    ProfileSettingIndicator
-  },
-  props: {
-    // List of languages (or just one language)
-    modelValue: {
-      type: [Array, String],
-      required: true
-    },
-    // Is this setting stored in user profile (true) or elsewhere (false)
-    // Doesn't affect storage, just shows an icon if true
-    profile: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ['update:modelValue'],
-  computed: {
-    languages () {
-      return localeService.languages
-    },
-
-    controlledLanguage: {
-      get: function () {
-        return Array.isArray(this.modelValue) ? this.modelValue : [this.modelValue]
-      },
-      set: function (val) {
-        this.$emit('update:modelValue', val)
-      }
-    }
-  },
-
-  methods: {
-    getLanguageName (code) {
-      return localeService.getLanguageName(code)
-    },
-    addLanguage () {
-      this.controlledLanguage = [...this.controlledLanguage, '']
-    },
-    setLanguageAt (index, val) {
-      const lang = [...this.controlledLanguage]
-      lang[index] = val
-      this.controlledLanguage = lang
-    },
-    removeLanguageAt (index) {
-      const lang = [...this.controlledLanguage]
-      lang.splice(index, 1)
-      this.controlledLanguage = lang
-    }
-  }
-}
diff --git a/src/components/interface_language_switcher/interface_language_switcher.vue b/src/components/interface_language_switcher/interface_language_switcher.vue
index 8b300d43b..46837b018 100644
--- a/src/components/interface_language_switcher/interface_language_switcher.vue
+++ b/src/components/interface_language_switcher/interface_language_switcher.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="interface-language-switcher">
     <label>
-      <slot />
+      {{ promptText }}
       <ProfileSettingIndicator :is-profile="profile" />
     </label>
     <ul class="setting-list">
@@ -45,7 +45,68 @@
   </div>
 </template>
 
-<script src="./interface_language_switcher.js"></script>
+<script>
+import localeService from '../../services/locale/locale.service.js'
+
+import Select from '../select/select.vue'
+import ProfileSettingIndicator from 'src/components/settings_modal/helpers/profile_setting_indicator.vue'
+
+export default {
+  components: {
+    // eslint-disable-next-line vue/no-reserved-component-names
+    Select,
+    ProfileSettingIndicator
+  },
+  props: {
+    promptText: {
+      type: String,
+      required: true
+    },
+    language: {
+      type: [Array, String],
+      required: true
+    },
+    profile: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ['update'],
+  computed: {
+    languages () {
+      return localeService.languages
+    },
+
+    controlledLanguage: {
+      get: function () {
+        return Array.isArray(this.language) ? this.language : [this.language]
+      },
+      set: function (val) {
+        this.$emit('update', val)
+      }
+    }
+  },
+
+  methods: {
+    getLanguageName (code) {
+      return localeService.getLanguageName(code)
+    },
+    addLanguage () {
+      this.controlledLanguage = [...this.controlledLanguage, '']
+    },
+    setLanguageAt (index, val) {
+      const lang = [...this.controlledLanguage]
+      lang[index] = val
+      this.controlledLanguage = lang
+    },
+    removeLanguageAt (index) {
+      const lang = [...this.controlledLanguage]
+      lang.splice(index, 1)
+      this.controlledLanguage = lang
+    }
+  }
+}
+</script>
 
 <style lang="scss">
 .interface-language-switcher {
diff --git a/src/components/settings_modal/tabs/appearance_tab.js b/src/components/settings_modal/tabs/appearance_tab.js
index 7fbb0a5cd..77204850a 100644
--- a/src/components/settings_modal/tabs/appearance_tab.js
+++ b/src/components/settings_modal/tabs/appearance_tab.js
@@ -191,9 +191,6 @@ const AppearanceTab = {
     }
   },
   computed: {
-    isDefaultBackground () {
-      return !(this.$store.state.users.currentUser.background_image)
-    },
     switchInProgress () {
       return useInterfaceStore().themeChangeInProgress
     },
diff --git a/src/components/settings_modal/tabs/general_tab.js b/src/components/settings_modal/tabs/general_tab.js
index ff6d0e477..7f5d99da5 100644
--- a/src/components/settings_modal/tabs/general_tab.js
+++ b/src/components/settings_modal/tabs/general_tab.js
@@ -8,7 +8,6 @@ import FloatSetting from '../helpers/float_setting.vue'
 import UnitSetting from '../helpers/unit_setting.vue'
 import InterfaceLanguageSwitcher from 'src/components/interface_language_switcher/interface_language_switcher.vue'
 import Select from 'src/components/select/select.vue'
-import ProfileSettingIndicator from '../helpers/profile_setting_indicator.vue'
 
 import SharedComputedObject from '../helpers/shared_computed_object.js'
 
@@ -67,8 +66,7 @@ const GeneralTab = {
       // Chrome-likes
       Object.getOwnPropertyDescriptor(HTMLMediaElement.prototype, 'webkitAudioDecodedByteCount') ||
       // Future spec, still not supported in Nightly 63 as of 08/2018
-      Object.getOwnPropertyDescriptor(HTMLMediaElement.prototype, 'audioTracks'),
-      emailLanguage: this.$store.state.users.currentUser.language || ['']
+      Object.getOwnPropertyDescriptor(HTMLMediaElement.prototype, 'audioTracks')
     }
   },
   components: {
@@ -78,7 +76,6 @@ const GeneralTab = {
     FloatSetting,
     UnitSetting,
     InterfaceLanguageSwitcher,
-    ProfileSettingIndicator,
     ScopeSelector,
     Select
   },
diff --git a/src/components/settings_modal/tabs/general_tab.vue b/src/components/settings_modal/tabs/general_tab.vue
index 49fc57c79..c8858f773 100644
--- a/src/components/settings_modal/tabs/general_tab.vue
+++ b/src/components/settings_modal/tabs/general_tab.vue
@@ -5,20 +5,18 @@
       <ul class="setting-list">
         <li>
           <interface-language-switcher
-            v-model="language"
+            :prompt-text="$t('settings.interfaceLanguage')"
+            :language="language"
             @update="val => language = val"
-          >
-            {{ $t('settings.interfaceLanguage') }}
-          </interface-language-switcher>
+          />
         </li>
         <li>
           <interface-language-switcher
-            v-model="emailLanguage"
+            :prompt-text="$t('settings.email_language')"
+            :language="emailLanguage"
             :profile="true"
-            @update:model-value="updateProfile()"
-          >
-            {{ $t('settings.email_language') }}
-          </interface-language-switcher>
+            @update="val => { emailLanguage = val; updateProfile() }"
+          />
         </li>
         <li v-if="instanceSpecificPanelPresent">
           <BooleanSetting path="hideISP">
diff --git a/src/components/settings_modal/tabs/profile_tab.js b/src/components/settings_modal/tabs/profile_tab.js
index 9e13eed69..e6d3e6141 100644
--- a/src/components/settings_modal/tabs/profile_tab.js
+++ b/src/components/settings_modal/tabs/profile_tab.js
@@ -1,9 +1,18 @@
 import UserCard from 'src/components/user_card/user_card.vue'
+import ImageCropper from 'src/components/image_cropper/image_cropper.vue'
+import ScopeSelector from 'src/components/scope_selector/scope_selector.vue'
+import ProgressButton from 'src/components/progress_button/progress_button.vue'
+import EmojiInput from 'src/components/emoji_input/emoji_input.vue'
+import suggestor from 'src/components/emoji_input/suggestor.js'
 import Checkbox from 'src/components/checkbox/checkbox.vue'
+import InterfaceLanguageSwitcher from 'src/components/interface_language_switcher/interface_language_switcher.vue'
+import Select from 'src/components/select/select.vue'
 import BooleanSetting from '../helpers/boolean_setting.vue'
 import SharedComputedObject from '../helpers/shared_computed_object.js'
 import ProfileSettingIndicator from '../helpers/profile_setting_indicator.vue'
 
+import { propsToNative } from 'src/services/attributes_helper/attributes_helper.service.js'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faTimes,
@@ -20,23 +29,55 @@ library.add(
 const ProfileTab = {
   data () {
     return {
-      // Whether user is locked or not
       locked: this.$store.state.users.currentUser.locked,
     }
   },
   components: {
     UserCard,
+    ScopeSelector,
+    ImageCropper,
+    EmojiInput,
+    ProgressButton,
     Checkbox,
     BooleanSetting,
-    ProfileSettingIndicator
+    InterfaceLanguageSwitcher,
+    ProfileSettingIndicator,
+    Select
   },
   computed: {
     user () {
       return this.$store.state.users.currentUser
     },
-    ...SharedComputedObject()
+    ...SharedComputedObject(),
+    emojiUserSuggestor () {
+      return suggestor({
+        emoji: [
+          ...this.$store.getters.standardEmojiList,
+          ...this.$store.state.instance.customEmoji
+        ],
+        store: this.$store
+      })
+    },
+    emojiSuggestor () {
+      return suggestor({
+        emoji: [
+          ...this.$store.getters.standardEmojiList,
+          ...this.$store.state.instance.customEmoji
+        ]
+      })
+    },
+    userSuggestor () {
+      return suggestor({ store: this.$store })
+    },
+    bannerImgSrc () {
+      const src = this.$store.state.users.currentUser.cover_photo
+      return (!src) ? this.defaultBanner : src
+    },
   },
   methods: {
+    changeVis (visibility) {
+      this.newDefaultScope = visibility
+    },
     updateProfile () {
       const params = {
         locked: this.locked
@@ -51,6 +92,9 @@ const ProfileTab = {
         .catch((error) => {
           this.displayUploadError(error)
         })
+    },
+    propsToNative (props) {
+      return propsToNative(props)
     }
   },
   watch: {
diff --git a/src/components/settings_modal/tabs/profile_tab.scss b/src/components/settings_modal/tabs/profile_tab.scss
index ce85188bd..33a7c5ed0 100644
--- a/src/components/settings_modal/tabs/profile_tab.scss
+++ b/src/components/settings_modal/tabs/profile_tab.scss
@@ -1,6 +1,6 @@
 .profile-tab {
   // overriding global for better look
-  .setting-item.profile-edit {
+  div.profile-edit {
     margin: 0;
 
     h2 {
@@ -12,4 +12,17 @@
       overflow: hidden;
     }
   }
+
+  .bio {
+    margin: 0;
+  }
+
+  .uploading {
+    font-size: 1.5em;
+    margin: 0.25em;
+  }
+
+  .setting-subitem {
+    margin-left: 1.75em;
+  }
 }
diff --git a/src/components/settings_modal/tabs/profile_tab.vue b/src/components/settings_modal/tabs/profile_tab.vue
index 947be4a18..6d458c7c8 100644
--- a/src/components/settings_modal/tabs/profile_tab.vue
+++ b/src/components/settings_modal/tabs/profile_tab.vue
@@ -6,6 +6,7 @@
         :user-id="user.id"
         :editable="true"
         :switcher="false"
+        rounded="top"
       />
     </div>
     <div class="setting-item">
diff --git a/src/components/user_avatar/user_avatar.js b/src/components/user_avatar/user_avatar.js
index 8092ba62b..855ea60e8 100644
--- a/src/components/user_avatar/user_avatar.js
+++ b/src/components/user_avatar/user_avatar.js
@@ -14,31 +14,12 @@ library.add(
 )
 
 const UserAvatar = {
-  props: {
-    // User object to show avatar of
-    user: {
-      required: true,
-      type: Object
-    },
-    // Use less space and use alternative roundness
-    compact: {
-      required: false,
-      type: Boolean,
-      default: false
-    },
-    // Show small icon indicating if account is a bot or group
-    showActorTypeIndicator : {
-      required: false,
-      type: Boolean,
-      default: false
-    },
-    // Override avatar image URL, useful for profile editing
-    url: {
-      required: false,
-      type: String,
-      default: null
-    }
-  },
+  props: [
+    'user',
+    'compact',
+    'showActorTypeIndicator',
+    'url'
+  ],
   data () {
     return {
       showPlaceholder: false,
diff --git a/src/components/user_avatar/user_avatar.vue b/src/components/user_avatar/user_avatar.vue
index c0336d407..e3398165c 100644
--- a/src/components/user_avatar/user_avatar.vue
+++ b/src/components/user_avatar/user_avatar.vue
@@ -40,12 +40,12 @@
 
   display: inline-block;
   position: relative;
-  width: 3.5em;
+  width: 48px;
   height: 48px;
 
   &.-compact {
-    width: 2.2em;
-    height: 2.2em;
+    width: 32px;
+    height: 32px;
     border-radius: var(--roundness);
   }
 
diff --git a/src/components/user_card/user_card.js b/src/components/user_card/user_card.js
index 8a99c4ceb..e9c79aff1 100644
--- a/src/components/user_card/user_card.js
+++ b/src/components/user_card/user_card.js
@@ -58,49 +58,18 @@ library.add(
 )
 
 export default {
-  props: {
-    // Enables all the options for profile editing, used in settings -> profile tab
-    editable: {
-      required: false,
-      default: false,
-      type: Boolean
-    },
-    // ID of user to show data of
-    userId: {
-      required: true,
-      type: String
-    },
-    // Use a compact layout that hides bio, stats etc.
-    hideBio: {
-      required: false,
-      default: false,
-      type: Boolean
-    },
-    // default - open profile, 'zoom' - zoom, function - call function
-    avatarAction: {
-      required: false,
-      type: String,
-      default: 'default'
-    },
-    // Show note editor if supported
-    hasNoteEditor: {
-      required: false,
-      type: Boolean,
-      default: false
-    },
-    // Show close icon (for popovers)
-    showClose: {
-      required: false,
-      type: Boolean,
-      default: false
-    },
-    // Show close icon (for popovers)
-    showExpand: {
-      required: false,
-      type: Boolean,
-      default: false
-    }
-  },
+  props: [
+    'editable',
+    'userId',
+    'switcher',
+    'selected',
+    'hideBio',
+    'rounded',
+    'bordered',
+    'avatarAction', // default - open profile, 'zoom' - zoom, function - call function
+    'onClose',
+    'hasNoteEditor'
+  ],
   components: {
     DialogModal,
     UserAvatar,
@@ -186,6 +155,14 @@ export default {
     relationship () {
       return this.$store.getters.relationship(this.userId)
     },
+    classes () {
+      return [{
+        '-rounded-t': this.rounded === 'top', // set border-top-left-radius and border-top-right-radius
+        '-rounded': this.rounded === true, // set border-radius for all sides
+        '-bordered': this.bordered === true, // set border for all sides
+        '-popover': !!this.onClose // set popover rounding
+      }]
+    },
     style () {
       return {
         backgroundImage: [
@@ -314,6 +291,9 @@ export default {
       return !(this.$store.state.users.currentUser.cover_photo) ||
       this.$store.state.users.currentUser.cover_photo.includes(baseBanner)
     },
+    isDefaultBackground () {
+      return !(this.$store.state.users.currentUser.background_image)
+    },
     fieldsLimits () {
       return this.$store.state.instance.fieldsLimits
     },
@@ -352,6 +332,12 @@ export default {
     unsubscribeUser () {
       return this.$store.dispatch('unsubscribeUser', this.user.id)
     },
+    setProfileView (v) {
+      if (this.switcher) {
+        const store = this.$store
+        store.commit('setProfileView', { v })
+      }
+    },
     linkClicked ({ target }) {
       if (target.tagName === 'SPAN') {
         target = target.parentNode
@@ -430,7 +416,9 @@ export default {
     addField () {
       if (this.newFields.length < this.maxFields) {
         this.newFields.push({ name: '', value: '' })
+        return true
       }
+      return false
     },
     deleteField (index) {
       this.newFields.splice(index, 1)
@@ -469,7 +457,7 @@ export default {
         fields_attributes: this.newFields.filter(el => el != null),
         show_role: !!this.newShowRole,
         birthday: this.newBirthday || '',
-        show_birthday: !!this.newShowBirthday,
+        show_birthday: !!this.showBirthday,
       }
 
       if (this.actorType) {
@@ -484,6 +472,10 @@ export default {
         params.header = this.newBannerFile
       }
 
+      if (this.emailLanguage) {
+        params.language = localeService.internalToBackendLocaleMulti(this.emailLanguage)
+      }
+
       this.$store.state.api.backendInteractor
         .updateProfile({ params })
         .then((user) => {
diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss
index ce26fdfe7..c948480ba 100644
--- a/src/components/user_card/user_card.scss
+++ b/src/components/user_card/user_card.scss
@@ -2,8 +2,6 @@
   position: relative;
   z-index: 1;
   overflow: hidden;
-  border-top-left-radius: calc(var(--roundness) - 1px);
-  border-top-right-radius: calc(var(--roundness) - 1px);
 
   // editing headers
   h4 {
@@ -120,12 +118,42 @@
     padding: 0;
     mask: linear-gradient(to top, transparent 0, white 5em) bottom no-repeat;
     background-size: cover;
+    border-top-left-radius: calc(var(--__roundnessTop, --panelRadius) - 1px);
+    border-top-right-radius: calc(var(--__roundnessTop, --panelRadius) - 1px);
+    border-bottom-left-radius: calc(var(--__roundnessBottom, --panelRadius) - 1px);
+    border-bottom-right-radius: calc(var(--__roundnessBottom, --panelRadius) - 1px);
     background-color: var(--profileBg);
-    border-top-left-radius: calc(var(--roundness) - 1px);
-    border-top-right-radius: calc(var(--roundness) - 1px);
     z-index: -2;
   }
 
+  &.-rounded-t {
+    border-top-left-radius: var(--roundness);
+    border-top-right-radius: var(--roundness);
+
+    --__roundnessTop: var(--roundness);
+    --__roundnessBottom: 0;
+  }
+
+  &.-rounded {
+    border-radius: var(--roundness);
+
+    --__roundnessTop: var(--roundness);
+    --__roundnessBottom: var(--roundness);
+  }
+
+  &.-popover {
+    border-radius: var(--roundness);
+
+    --__roundnessTop: var(--roundness);
+    --__roundnessBottom: var(--roundness);
+  }
+
+  &.-bordered {
+    border-width: 1px;
+    border-style: solid;
+    border-color: var(--border);
+  }
+
   .bottom-buttons {
     display: flex;
     gap: 0.5em;
diff --git a/src/components/user_card/user_card.vue b/src/components/user_card/user_card.vue
index a993a87a5..d913cf96e 100644
--- a/src/components/user_card/user_card.vue
+++ b/src/components/user_card/user_card.vue
@@ -1,5 +1,8 @@
 <template>
-  <div class="user-card">
+  <div
+    class="user-card"
+    :class="classes"
+  >
     <div class="user-card-inner">
       <div class="user-info">
         <div class="user-identity">
@@ -67,7 +70,7 @@
                     fixed-width
                     class="icon"
                     icon="pencil"
-                    :title="$t('settings.change_banner')"
+                    :title="$t('user_card.change_banner')"
                   />
                 </button>
                 <button
@@ -99,10 +102,10 @@
                   :relationship="relationship"
                 />
                 <router-link
-                  v-if="showExpand"
+                  v-if="onClose"
                   :to="userProfileLink(user)"
                   class="button-unstyled external-link-button"
-                  @click="$emit('close')"
+                  @click="onClose"
                 >
                   <FAIcon
                     class="icon"
@@ -110,9 +113,9 @@
                   />
                 </router-link>
                 <button
-                  v-if="showClose"
+                  v-if="onClose"
                   class="button-unstyled external-link-button"
-                  @click="$emit('close')"
+                  @click="onClose"
                 >
                   <FAIcon
                     class="icon"
@@ -161,7 +164,7 @@
               </div>
             </div>
             <div class="bottom-line">
-              <UserLink
+              <user-link
                 class="user-screen-name"
                 :user="user"
               />
@@ -518,22 +521,32 @@
         <dl
           v-if="!mergedConfig.hideUserStats && !hideBio"
           class="user-count"
+          @click.prevent="setProfileView('statuses')"
         >
           <dd>{{ user.statuses_count }}</dd>
           {{ ' ' }}
           <dt>{{ $t('user_card.statuses') }}</dt>
         </dl>
-        <dl class="user-count">
+        <dl
+          class="user-count"
+          @click.prevent="setProfileView('statuses')"
+        >
           <dd>{{ dailyAvg }}</dd>
           {{ ' ' }}
           <dt>{{ $t('user_card.statuses_per_day') }}</dt>
         </dl>
-        <dl class="user-count">
+        <dl
+          class="user-count"
+          @click.prevent="setProfileView('friends')"
+        >
           <dd>{{ hideFollowsCount ? $t('user_card.hidden') : user.friends_count }}</dd>
           {{ ' ' }}
           <dt>{{ $t('user_card.followees') }}</dt>
         </dl>
-        <dl class="user-count">
+        <dl
+          class="user-count"
+          @click.prevent="setProfileView('followers')"
+        >
           <dd>{{ hideFollowersCount ? $t('user_card.hidden') : user.followers_count }}</dd>
           {{ ' ' }}
           <dt>{{ $t('user_card.followers') }}</dt>
@@ -555,7 +568,7 @@
           class="birthday"
         >
           <div>
-            <Checkbox v-model="newShowBirthday">
+            <Checkbox v-model="showBirthday">
               {{ $t('settings.birthday.show_birthday') }}
             </Checkbox>
           </div>
diff --git a/src/components/user_panel/user_panel.vue b/src/components/user_panel/user_panel.vue
index 14741fe00..783770dda 100644
--- a/src/components/user_panel/user_panel.vue
+++ b/src/components/user_panel/user_panel.vue
@@ -8,6 +8,7 @@
       <UserCard
         :user-id="user.id"
         :hide-bio="true"
+        rounded="top"
       />
       <PostStatusForm />
     </div>
diff --git a/src/components/user_popover/user_popover.vue b/src/components/user_popover/user_popover.vue
index e0f2c84c1..10850ef70 100644
--- a/src/components/user_popover/user_popover.vue
+++ b/src/components/user_popover/user_popover.vue
@@ -12,12 +12,10 @@
     <template #content="{close}">
       <UserCard
         class="user-popover"
-        :show-close="true"
-        :show-expand="true"
         :user-id="userId"
         :hide-bio="true"
         :avatar-action="userPopoverAvatarAction == 'close' ? close : userPopoverAvatarAction"
-        @close="close"
+        :on-close="close"
       />
     </template>
   </Popover>
diff --git a/src/components/user_profile/user_profile.vue b/src/components/user_profile/user_profile.vue
index e05e62c46..e759c6752 100644
--- a/src/components/user_profile/user_profile.vue
+++ b/src/components/user_profile/user_profile.vue
@@ -4,12 +4,13 @@
       v-if="user"
       class="user-profile panel panel-default"
     >
-      <div class="panel-body card-wrapper">
+      <div class="panel-body">
         <UserCard
           :user-id="userId"
           :switcher="true"
           :selected="timeline.viewing"
           avatar-action="zoom"
+          rounded="top"
           :has-note-editor="true"
         />
       </div>
@@ -129,16 +130,6 @@
 .user-profile {
   flex: 2;
 
-  .card-wrapper {
-    border-top-left-radius: var(--roundness);
-    border-top-right-radius: var(--roundness);
-  }
-
-  .panel-footer {
-    border-bottom-left-radius: var(--roundness);
-    border-bottom-right-radius: var(--roundness);
-  }
-
   // No sticky header on user profile
   --currentPanelStack: 0;
 
diff --git a/src/modules/instance.js b/src/modules/instance.js
index 93f81e4d8..ef27353eb 100644
--- a/src/modules/instance.js
+++ b/src/modules/instance.js
@@ -139,6 +139,7 @@ const defaultState = {
 
   // Nasty stuff
   customEmoji: [],
+  rawCustomEmoji: [],
   customEmojiFetched: false,
   emoji: {},
   emojiFetched: false,