qr-code-component-main

The body of your component is bit too wide try making it a bit narrower as in the image from the folder. As for the QR code image you set its width or height according to the width of the component's body. So if for example you've set its width to 300px, then set the width of the QR code image to 270px and then set its margin to 15px to center it. 15px is the result of (300px - 270px)/2 .

Oh thank you very much , I don't have access to the figma file. Thank you very much for the feedback will try it

Are you able to use the figma file? It should tell you the size of the image. also, try using margin-left for the photo. Not sure what pixels to use, but just give it a shot. I had that problem with mines and used margin-top.