A few CSS fixes for message bubbles

ts/components/conversation/Message.stories.tsx

@@ -1295,6 +1295,48 @@ const stories: Array<MessageStory> = [
       },
     ],
   ],
+  [
+    'Sticker',
+    [
+      {
+        title: 'Outgoing Sticker',
+        makeDataProps: () => ({
+          ...baseDataProps,
+          direction: 'outgoing',
+          status: 'sent',
+          authorColor: 'green',
+          isSticker: true,
+          attachments: [
+            {
+              url: '/fixtures/512x515-thumbs-up-lincoln.webp',
+              fileName: '512x515-thumbs-up-lincoln.webp',
+              contentType: 'image/webp' as MIMEType,
+              width: 128,
+              height: 128,
+            },
+          ],
+        }),
+      },
+      {
+        title: 'Incoming Sticker',
+        makeDataProps: () => ({
+          ...baseDataProps,
+          direction: 'incoming',
+          authorColor: 'green',
+          isSticker: true,
+          attachments: [
+            {
+              url: '/fixtures/512x515-thumbs-up-lincoln.webp',
+              fileName: '512x515-thumbs-up-lincoln.webp',
+              contentType: 'image/webp' as MIMEType,
+              width: 128,
+              height: 128,
+            },
+          ],
+        }),
+      },
+    ],
+  ],
 ];
 
 const renderEmojiPicker: AllProps['renderEmojiPicker'] = ({

ts/components/conversation/Message.tsx

@@ -619,9 +619,6 @@ export class Message extends React.PureComponent<Props, State> {
             withContentBelow
               ? 'module-message__attachment-container--with-content-below'
               : null,
-            collapseMetadata
-              ? 'module-message__attachment-container--with-collapsed-metadata'
-              : null,
             isSticker && !collapseMetadata
               ? 'module-message__sticker-container--with-content-below'
               : null