title: Flutter: How to make telegram type bubble in chat message
body: <p><strong>Current output</strong>: </p>
  
  <p><a href="https://i.stack.imgur.com/7H0Lr.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7H0Lr.png" alt="enter image description here"></a></p>
  
  <p><strong>Expected output</strong>:</p>
  
  <p><a href="https://i.stack.imgur.com/eyF0b.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/eyF0b.png" alt="enter image description here"></a></p>
  
  <hr>
  
  <p><strong>Code</strong>:</p>
  
  <pre><code>Align(
    alignment: Alignment.topRight,
    child: Container(
      padding: const EdgeInsets.symmetric(vertical: 8, horizontal: 20),
      margin: EdgeInsets.only(right: 12, top: 8),
      decoration: BoxDecoration(
        color: Color(0xFF486993),
        borderRadius: BorderRadius.all(Radius.circular(20)),
      ),
      child: Text("This is my message"),
    ),
  )
  </code></pre>