Getting different image after saving

I’m getting a different image while saving the surface plot, see,
image by directly taking a screenshot by external application

Image using the plotly’s save option

Why is this happening. I think the tickmode ‘data’ is not working in saving. Here’s the layout
{
“height”: 1000,
“width”: 1107,
“margin”: {
“t”: 0,
“r”: 0,
“b”: 0,
“l”: 0,
“pad”: 0
},
“autorange”: true,
“spikesides”: false,
“showlegend”: true,
“autosize”: true,
“scene”: {
“aspectmode”: “manual”,
“aspectratio”: {
“x”: 1,
“y”: 1.5,
“z”: 1
},
“zaxis”: {
“title”: {
“text”: “u₁ (a.u.)”,
“font”: {
“family”: “Times New Roman”,
“size”: 50
}
},
“showticklabels”: true,
“tickfont”: {
“family”: “Times New Roman”,
“size”: 17
},
“tickmode”: “auto”,
“dtick”: 10,
“tickvals”: “”,
“ticktext”: “”,
“ticks”: “outside”,
“range”: [
0.16892,
0.38
],
“autorange”: false,
“spikesides”: false,
“showgrid”: true,
“zeroline”: false,
“showline”: true
},
“yaxis”: {
“title”: {
“text”: “ϕ”,
“font”: {
“family”: “Times New Roman”,
“size”: 50
}
},
“showticklabels”: true,
“tickfont”: {
“family”: “Times New Roman”,
“size”: 20
},
“tickmode”: “data”,
“tickvals”: “0, 1.57, 3.14, 4.71, 6.28”,
“ticktext”: “0, π/2, π, 3π/2, 2π”,
“ticks”: “outside”,
“range”: [
“”,
“”
],
“autorange”: true,
“spikesides”: false,
“showgrid”: true,
“zeroline”: false,
“showline”: true
},
“xaxis”: {
“title”: {
“text”: "θ ",
“font”: {
“family”: “Times New Roman”,
“size”: 50
}
},
“showticklabels”: true,
“tickfont”: {
“family”: “Times New Roman”,
“size”: 20
},
“tickmode”: “data”,
“tickvals”: “0,45,90”,
“ticktext”: “0, π/4, π/2”,
“ticks”: “outside”,
“range”: [
“”,
“”
],
“autorange”: true,
“spikesides”: false,
“showgrid”: true,
“zeroline”: false,
“showline”: true
},
“camera”: {
“up”: {
“x”: 0,
“y”: 0,
“z”: 1
},
“center”: {
“x”: 0.11721585146565289,
“y”: -0.1849299642030436,
“z”: -0.1758996703168416
},
“eye”: {
“x”: 2.382142904775788,
“y”: -1.1247584576221392,
“z”: 0.8256398347915823
},
“projection”: {
“type”: “perspective”
}
}
}
}