title: Microsoft Teams - Rendering issues of adaptive cards in the Chat
body: <p><strong>Version of SDK</strong></p>
  
  <p>AdaptiveCards 1.1.2 from NuGet</p>
  
  <p>"$schema": "<a href="http://adaptivecards.io/schemas/adaptive-card.json" rel="nofollow noreferrer">http://adaptivecards.io/schemas/adaptive-card.json</a>",
  "version": "1.0"</p>
  
  <p><strong>Issue</strong></p>
  
  <pre><code>This is the adaptive card's JSON that is generated from .NET core
  app.
  https://pastebin.com/F1nkSdRS
  </code></pre>
  
  <p>When this JSON is pasted on <a href="https://adaptivecards.io/designer/" rel="nofollow noreferrer">https://adaptivecards.io/designer/</a> it renders very well</p>
  
  <p><a href="https://i.stack.imgur.com/jvnhU.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/jvnhU.png" alt="enter image description here"></a></p>
  
  <p>The text "Some text that should be centered in MS Teams" is placed within a column in columnSet with VerticalAlignment.Center and it renders perfectly fine in App Studio or the web designer. When the same JSON is send in a chat in MS Teams the text is rather with VerticalAlignment.Top as shown on this image</p>
  
  <p><a href="https://i.stack.imgur.com/EzYaY.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/EzYaY.png" alt="enter image description here"></a></p>