Plot() result is not visible on VSCode.

Describe the bug

dataprep/dataprep/eda/create_diff_report/templates/styles.html

Lines 16 to 23 in 4309f76

    
           .vp-plot { 
        
               display: none; 
        
               margin: auto; 
        
               width: 500px; 
        
               justify-content: center; 
        
               align-items: flex-end; 
        
               flex-flow: column nowrap; 
        
           }

When we use VSCode, due to the setting of the width and justify-content: center of the .vp-plot, the right side of the picture is not visible.

To Reproduce
Steps to reproduce the behavior:

`dataprep.eda.plot({dataframe})`

Screenshots

Desktop (please complete the following information):

OS: MacOS Monterey (12.3.1)
Browser chrome
Platform VSCode
Platform Version 1.67.1 (Universal)
Python Version 3.8.13
Dataprep Version 0.4.3a1

with @yesulpark, @spear011

Describe the bug

Windows also have the same problem at vsc.
Additionally both environment use jupyter notebook(.ipynb) file in vsc.

Screenshots

Desktop
OS: Microsoft Windows 11 Home(version 10.0.22000/build 22000)
Browser chrome
Platform VSCode
Platform Version 1.67.1 (Universal)
Python Version 3.8.13
Dataprep Version 0.4.3a1

It seems that the center alignment of the .vp-plot causes the problem.

Yes, i am using VSCode on Kubuntu and also this happens.

	.vp-plot {
	display: none;
	margin: auto;
	width: 500px;
	justify-content: center;
	align-items: flex-end;
	flex-flow: column nowrap;
	}