diff --git a/src/App.js b/src/App.js
index 487090565..9fb4d32e5 100644
--- a/src/App.js
+++ b/src/App.js
@@ -67,6 +67,11 @@ export default {
   data: () => ({
     mobileActivePanel: 'timeline',
   }),
+  provide() {
+    return {
+      allowNonSquareEmoji: useMergedConfigStore().mergedConfig.nonSquareEmoji,
+    }
+  },
   watch: {
     themeApplied() {
       this.removeSplash()
diff --git a/src/components/basic_user_card/basic_user_card.js b/src/components/basic_user_card/basic_user_card.js
index 0e45b140a..849e35090 100644
--- a/src/components/basic_user_card/basic_user_card.js
+++ b/src/components/basic_user_card/basic_user_card.js
@@ -24,6 +24,11 @@ const BasicUserCard = {
       )
     },
   },
+  computed: {
+    allowNonSquareEmoji() {
+      return useMergedConfigStore().mergedConfig.nonSquareEmoji
+    },
+  }
 }
 
 export default BasicUserCard
diff --git a/src/components/basic_user_card/basic_user_card.vue b/src/components/basic_user_card/basic_user_card.vue
index 29a60cd1e..572b07abb 100644
--- a/src/components/basic_user_card/basic_user_card.vue
+++ b/src/components/basic_user_card/basic_user_card.vue
@@ -27,6 +27,7 @@
           class="basic-user-card-user-name-value"
           :html="user.name"
           :emoji="user.emoji"
+          :allow-non-square-emoji="allowNonSquareEmoji"
         />
       </div>
       <div>
diff --git a/src/components/chat_title/chat_title.js b/src/components/chat_title/chat_title.js
index 3447f5163..7ec4c81f1 100644
--- a/src/components/chat_title/chat_title.js
+++ b/src/components/chat_title/chat_title.js
@@ -20,5 +20,8 @@ export default {
     htmlTitle() {
       return this.user ? this.user.name_html : ''
     },
+    allowNonSquareEmoji() {
+      return useMergedConfigStore().mergedConfig.nonSquareEmoji
+    },
   },
 }
diff --git a/src/components/chat_title/chat_title.vue b/src/components/chat_title/chat_title.vue
index 00521260f..313e66ce3 100644
--- a/src/components/chat_title/chat_title.vue
+++ b/src/components/chat_title/chat_title.vue
@@ -19,6 +19,7 @@
       :title="'@'+(user && user.screen_name_ui)"
       :html="htmlTitle"
       :emoji="user.emoji || []"
+      :allow-non-square-emoji="allowNonSquareEmoji"
       :is-local="user.is_local"
     />
   </div>
diff --git a/src/components/notification/notification.js b/src/components/notification/notification.js
index 52579a413..fc4ffc518 100644
--- a/src/components/notification/notification.js
+++ b/src/components/notification/notification.js
@@ -210,6 +210,9 @@ const Notification = {
     mergedConfig() {
       return useMergedConfigStore().mergedConfig
     },
+    allowNonSquareEmoji() {
+      return this.mergedConfig.nonSquareEmoji
+    },
     shouldConfirmApprove() {
       return this.mergedConfig.modalOnApproveFollow
     },
diff --git a/src/components/notification/notification.vue b/src/components/notification/notification.vue
index 8d5db1374..d0accc389 100644
--- a/src/components/notification/notification.vue
+++ b/src/components/notification/notification.vue
@@ -71,6 +71,7 @@
                 :title="'@'+notification.from_profile.screen_name_ui"
                 :html="notification.from_profile.name_html"
                 :emoji="notification.from_profile.emoji"
+                :allow-non-square-emoji="allowNonSquareEmoji"
                 :is-local="notification.from_profile.is_local"
               />
             </bdi>
diff --git a/src/components/poll/poll.js b/src/components/poll/poll.js
index 945b8b372..5033726f3 100644
--- a/src/components/poll/poll.js
+++ b/src/components/poll/poll.js
@@ -55,6 +55,9 @@ export default {
         return this.expired ? 'polls.expired' : 'polls.expires_in'
       }
     },
+    allowNonSquareEmoji() {
+      return useMergedConfigStore().mergedConfig.nonSquareEmoji
+    },
     loggedIn() {
       return this.$store.state.users.currentUser
     },
diff --git a/src/components/poll/poll.vue b/src/components/poll/poll.vue
index 24de14200..9ac859824 100644
--- a/src/components/poll/poll.vue
+++ b/src/components/poll/poll.vue
@@ -24,6 +24,7 @@
               :html="option.title_html"
               :handle-links="false"
               :emoji="emoji"
+              :allow-non-square-emoji="allowNonSquareEmoji"
             />
           </div>
           <div
diff --git a/src/components/rich_content/rich_content.jsx b/src/components/rich_content/rich_content.jsx
index 3a6f0b1bc..95ab102c6 100644
--- a/src/components/rich_content/rich_content.jsx
+++ b/src/components/rich_content/rich_content.jsx
@@ -112,6 +112,12 @@ export default {
       type: Boolean,
       default: true,
     },
+    // Allow wide emoji (max 3:1 ratio)
+    allowNonSquareEmoji: {
+      required: false,
+      type: Boolean,
+      default: false,
+    },
   },
   // NEVER EVER TOUCH DATA INSIDE RENDER
   render() {
@@ -322,7 +328,7 @@ export default {
     // slots updated -> rerender -> emit -> update up the tree -> rerender -> ...
     // at least until vue3?
     const result = (
-      <span class={['RichContent', this.faint ? '-faint' : '']}>
+      <span class={['RichContent', this.faint ? '-faint' : '', this.allowNonSquareEmoji ? '-allow-non-square-emoji' : '']}>
         {this.collapse
           ? pass2.map((x) => {
               if (!Array.isArray(x)) return x.replace(/\n/g, ' ')
diff --git a/src/components/rich_content/rich_content.scss b/src/components/rich_content/rich_content.scss
index d2ec77dcb..33effc623 100644
--- a/src/components/rich_content/rich_content.scss
+++ b/src/components/rich_content/rich_content.scss
@@ -77,6 +77,14 @@
     height: var(--emoji-size, 32px);
   }
 
+  &.-allow-non-square-emoji {
+    .emoji {
+      width: auto;
+      max-width: calc(var(--emoji-size, 32px) * 3);
+      min-width: var(--emoji-size, 32px);
+    }
+  }
+
   .img,
   video {
     max-width: 100%;
diff --git a/src/components/settings_modal/tabs/posts_tab.vue b/src/components/settings_modal/tabs/posts_tab.vue
index 1e684246d..fc33d5476 100644
--- a/src/components/settings_modal/tabs/posts_tab.vue
+++ b/src/components/settings_modal/tabs/posts_tab.vue
@@ -169,6 +169,11 @@
             {{ $t('settings.stop_gifs') }}
           </BooleanSetting>
         </li>
+        <li>
+          <BooleanSetting path="nonSquareEmoji">
+            {{ $t('settings.non_square_emoji') }}
+          </BooleanSetting>
+        </li>
         <li>
           <BooleanSetting
             :local="true"
diff --git a/src/components/status/status.js b/src/components/status/status.js
index 58016b7e4..150e77272 100644
--- a/src/components/status/status.js
+++ b/src/components/status/status.js
@@ -188,6 +188,9 @@ const Status = {
         !this.inConversation
       )
     },
+    allowNonSquareEmoji() {
+      return this.mergedConfig.nonSquareEmoji
+    },
     repeaterClass() {
       const user = this.statusoid.user
       return highlightClass(user)
diff --git a/src/components/status/status.vue b/src/components/status/status.vue
index 9456e67c4..e5e4bb75e 100644
--- a/src/components/status/status.vue
+++ b/src/components/status/status.vue
@@ -80,6 +80,7 @@
               <RichContent
                 :html="retweeterHtml"
                 :emoji="retweeterUser.emoji"
+                :allow-non-square-emoji="allowNonSquareEmoji"
                 :is-local="retweeterUser.is_local"
               />
             </router-link>
@@ -153,6 +154,7 @@
                   <RichContent
                     :html="status.user.name"
                     :emoji="status.user.emoji"
+                    :allow-non-square-emoji="allowNonSquareEmoji"
                     :is-local="status.user.is_local"
                   />
                 </h4>
diff --git a/src/components/status_body/status_body.js b/src/components/status_body/status_body.js
index 5250acb9f..1b7d26403 100644
--- a/src/components/status_body/status_body.js
+++ b/src/components/status_body/status_body.js
@@ -43,6 +43,9 @@ const StatusBody = {
     localCollapseSubjectDefault() {
       return this.mergedConfig.collapseMessageWithSubject
     },
+    allowNonSquareEmoji() {
+      return this.mergedConfig.nonSquareEmoji
+    },
     // This is a bit hacky, but we want to approximate post height before rendering
     // so we count newlines (masto uses <p> for paragraphs, GS uses <br> between them)
     // as well as approximate line count by counting characters and approximating ~80
diff --git a/src/components/status_body/status_body.vue b/src/components/status_body/status_body.vue
index 677781d97..f724f2413 100644
--- a/src/components/status_body/status_body.vue
+++ b/src/components/status_body/status_body.vue
@@ -15,6 +15,7 @@
           :html="status.summary_raw_html"
           :emoji="status.emojis"
           :is-local="status.isLocal"
+          :allow-non-square-emoji="allowNonSquareEmoji"
         />
         <button
           v-show="longSubject && showingLongSubject"
@@ -47,6 +48,7 @@
           :greentext="mergedConfig.greentext"
           :attentions="status.attentions"
           :is-local="status.is_local"
+          :allow-non-square-emoji="allowNonSquareEmoji"
           @parse-ready="onParseReady"
         />
         <div
diff --git a/src/components/user_card/user_card.js b/src/components/user_card/user_card.js
index ea9c86c2e..15d149aa1 100644
--- a/src/components/user_card/user_card.js
+++ b/src/components/user_card/user_card.js
@@ -400,6 +400,9 @@ export default {
         ],
       })
     },
+    allowNonSquareEmoji() {
+      return this.mergedConfig.nonSquareEmoji
+    },
     ...mapState(useMergedConfigStore, ['mergedConfig']),
   },
   methods: {
diff --git a/src/components/user_card/user_card.vue b/src/components/user_card/user_card.vue
index 1120b86c3..0785d2202 100644
--- a/src/components/user_card/user_card.vue
+++ b/src/components/user_card/user_card.vue
@@ -140,6 +140,7 @@
                     :title="editable ? newName : user.name_unescaped"
                     :html="editable ? newName : user.name_unescaped"
                     :emoji="editable ? emoji : user.emoji"
+                    :allow-non-square-emoji="allowNonSquareEmoji"
                   />
                 </router-link>
                 <EmojiInput
@@ -369,6 +370,7 @@
         :class="{ '-justify-left': mergedConfig.userCardLeftJustify }"
         :html="editable ? escapedNewBio : user.description_html"
         :emoji="editable ? emoji : user.emoji"
+        :allow-non-square-emoji="allowNonSquareEmoji"
         :handle-links="true"
       />
     </template>
@@ -423,6 +425,7 @@
             <RichContent
               :html="field.name"
               :emoji="editable ? emoji : user.emoji"
+              :allow-non-square-emoji="allowNonSquareEmoji"
             />
           </dt>
           <dd
@@ -432,6 +435,7 @@
             <RichContent
               :html="field.value"
               :emoji="editable ? emoji : user.emoji"
+              :allow-non-square-emoji="allowNonSquareEmoji"
             />
           </dd>
         </dl>
diff --git a/src/components/user_list_popover/user_list_popover.js b/src/components/user_list_popover/user_list_popover.js
index bdc8cacdf..f3250de35 100644
--- a/src/components/user_list_popover/user_list_popover.js
+++ b/src/components/user_list_popover/user_list_popover.js
@@ -23,6 +23,9 @@ const UserListPopover = {
     usersCapped() {
       return this.users.slice(0, 16)
     },
+    allowNonSquareEmoji() {
+      return useMergedConfigStore().mergedConfig.nonSquareEmoji
+    },
   },
 }
 
diff --git a/src/components/user_list_popover/user_list_popover.vue b/src/components/user_list_popover/user_list_popover.vue
index fdd2f3ce0..dffce7de8 100644
--- a/src/components/user_list_popover/user_list_popover.vue
+++ b/src/components/user_list_popover/user_list_popover.vue
@@ -27,6 +27,7 @@
                 :title="'@'+user.screen_name_ui"
                 :html="user.name_html"
                 :emoji="user.emoji"
+                :allow-non-square-emoji="allowNonSquareEmoji"
               />
               <!-- eslint-enable vue/no-v-html -->
               <span class="user-list-screen-name">{{ user.screen_name_ui }}</span><UnicodeDomainIndicator :user="user" />
diff --git a/src/i18n/en.json b/src/i18n/en.json
index 6aad492c2..9b5a7439d 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -794,6 +794,7 @@
     "default_post_status_content_type": "Default post status content type",
     "sensitive_by_default": "Mark posts as sensitive by default",
     "stop_gifs": "Pause animated images until you hover on them",
+    "non_square_emoji": "Allow non-square emoji",
     "streaming": "Automatically show new posts when scrolled to the top",
     "auto_update": "Show new posts automatically",
     "user_mutes": "Users",
diff --git a/src/modules/default_config_state.js b/src/modules/default_config_state.js
index 318c96d03..208dc548b 100644
--- a/src/modules/default_config_state.js
+++ b/src/modules/default_config_state.js
@@ -229,6 +229,10 @@ export const INSTANCE_DEFAULT_CONFIG_DEFINITIONS = {
     description: 'Play animated gifs on hover only',
     default: true,
   },
+  nonSquareEmoji: {
+    description: 'Allow emoji to be non-square (max 3:1 aspect)',
+    default: true,
+  },
   replyVisibility: {
     description: 'Type of replies to show',
     default: 'all',
diff --git a/src/services/notification_utils/notification_utils.js b/src/services/notification_utils/notification_utils.js
index 6df02d9b3..1fbaf2a2c 100644
--- a/src/services/notification_utils/notification_utils.js
+++ b/src/services/notification_utils/notification_utils.js
@@ -113,7 +113,6 @@ export const unseenNotificationsFromStore = (
 ) => {
   return filteredNotificationsFromStore(store, notificationVisibility).filter(
     ({ seen, type }) => {
-      console.log(ignoreInactionableSeen)
       if (!ignoreInactionableSeen) return !seen
       if (seen) return false
       return ACTIONABLE_NOTIFICATION_TYPES.has(type)