Ensure only content gets clipped

src/components/status/status.scss

@@ -42,6 +42,10 @@
     display: flex;
     padding: var(--status-margin, $status-margin);
 
+    .content {
+      overflow: hidden;
+    }
+
     > * {
       min-width: 0;
     }

src/components/status/status.vue

@@ -352,8 +352,10 @@
             </div>
           </div>
 
+          <div class="content">
             <StatusContent
               ref="content"
+              class="status-content"
               :status="status"
               :no-heading="noHeading"
               :highlight="highlight"
@@ -368,6 +370,7 @@
               @mediapause="removeMediaPlaying($event)"
               @parseReady="setHeadTailLinks"
             />
+          </div>
 
           <div
             v-if="inConversation && !isPreview && replies && replies.length"
@@ -534,6 +537,6 @@
   </div>
 </template>
 
-<script src="./status.js" ></script>
+<script src="./status.js"></script>
 
 <style src="./status.scss" lang="scss"></style>

src/components/status_content/status_content.vue

@@ -68,7 +68,6 @@
 .StatusContent {
   flex: 1;
   min-width: 0;
-  overflow: hidden;
 
   img, video {
     &.emoji {