Text align center for Table header can be applied but doesn't stay once page is published

Problem

Text align center for Table header can be applied but doesn't stay once page is published in confluence.

Environment

Confluence Data Center 8.2.3

browser - safari and chrome, firefox as well.

Steps to Reproduce

1. Create a page in confluence
2. Insert Table in the page
3. add text to table header , apply "text-align: center"
4. The text will be in the center in edit mode
5. Publish the page
6. the text becomes left align

Expected Results

Table header Text should remain in the center

Actual Results

Table header Text shifts to left side 

Workaround

Since the bug seems to be isolated to the header part, the workaround consists of removing the header row parameter and visually adjusting it:

1. Edit the page with affected tables
2. Click on the Heading row button once
   • 
3. Highlight the first row
4. Apply Bold
   • 
5. Click on Change cell color
   • 
6. Select Light Grey 100%

Visually, it will be identical to using a header row parameter, as you can see below:

• 
  • This is using the workaround described, in Confluence 8.4.1

• 
  • It looks the same as an unaffected version (7.19.12 here)

Notes

Images attached from edit mode as well as published mode

page source 

<table class="relative-table" style="width: 66.2383%;"><colgroup><col style="width: 31.1419%;" /><col style="width: 68.8581%;" /></colgroup>
<tbody>
<tr>
<th scope="col" style="text-align: center;">column1</th>
<th scope="col" style="text-align: center;">column2</th></tr>
<tr>
<td><br /></td>
<td><br /></td></tr>
<tr>
<td><br /></td>
<td><br /></td></tr>
<tr>
<td><br /></td>
<td><br /></td></tr></tbody></table>