diff --git a/src/components/post/tp-avatar.vue b/src/components/post/tp-avatar.vue
index 737eb9be..134d8a56 100644
--- a/src/components/post/tp-avatar.vue
+++ b/src/components/post/tp-avatar.vue
@@ -47,6 +47,9 @@ const textAlign = props.position;
 <style lang="css" scoped>
 .tp-avatar-box {
   display: flex;
+  overflow: hidden;
+  width: fit-content;
+  max-width: 100%;
 }
 
 .tpa-text {