"margin: auto" does not work in widget

Describe the bug:

How do you cause this bug?

  • use ‘margin: auto’ in widget
  • expect margins to adjust to place content in center

For example in widget we should see text in the middle of screen. In browsers it works.

		<!-- Required includes -->
		<script type="text/javascript" src="coui://uiresources/js/crayta.js"></script>

		<style type="text/css">
			body {
				font-size: 2rem;
				color: white;
			#inner {
			  display: table;
			  margin: 0 auto;
			  border: 1px solid black;

			#outer {
			  border: 1px solid red;
			  width: 100%

		<div id="outer">
		  <div id="inner">Foo foo</div>

Which platform: PC / Stadia

Your Crayta username:

Game seen in (including “Editor for XYZ”):
How regularly do you see this? (E.g. 2/3 times - please try 3 times if possible):

Version number (found in Help tab in Settings):

Hello str,

Thank you for reporting this situation to us.
I have submitted a ticket to our internal team for additional investigation.