Sponsored Message: Always show message corner (#3995)

src/components/middle/message/SponsoredMessage.scss

@@ -1,6 +1,6 @@
 .SponsoredMessage {
   --border-top-left-radius: var(--border-radius-messages) !important;
-  --border-bottom-left-radius: var(--border-radius-messages) !important;
+  --border-bottom-left-radius: 0 !important;
 
   margin-top: -0.5rem;
   margin-bottom: 0.5rem;
@@ -35,8 +35,6 @@
   }
 
   &.with-avatar {
-    --border-bottom-left-radius: 0 !important;
-
     padding-left: 2.5rem !important;
 
     & > .Avatar {
@@ -127,4 +125,8 @@
       transform: rotate(-45deg);
     }
   }
+
+  .svg-appendix {
+    transform: translate(0.01875rem, -0.00625rem);
+  }
 }

src/components/middle/message/SponsoredMessage.tsx

@@ -210,8 +210,7 @@ const SponsoredMessage: FC<OwnProps & StateProps> = ({
   }
 
   const contentClassName = buildClassName(
-    'message-content has-shadow has-solid-background',
-    withAvatar && 'has-appendix',
+    'message-content has-shadow has-solid-background has-appendix',
     getPeerColorClass(peer || channel, true, true),
   );
 
@@ -241,7 +240,7 @@ const SponsoredMessage: FC<OwnProps & StateProps> = ({
           </span>
           {renderContent()}
         </div>
-        {withAvatar && <MessageAppendix />}
+        <MessageAppendix />
         <Button
           className="message-action-button"
           color="translucent-white"