Newsletter block resize smaller

I am trying to resize the padding on a specific newsletter block (not site wide). I’ve tried different padding sizes but I can’t get it right.

https://www.lucasano.com/test

On the this test page, you will see I am trying to fit it over the dark blue shape on the right.

Here is the code I am currently using:

/*
===================================
TEST PAGE: NEWSLETTER STYLE
===================================
*/
#block-yui_3_17_2_1_1716234526589_4019 .newsletter-form-header-description {
  margin-top: 0; 
  margin-bottom: -25px; 
}

#block-yui_3_17_2_1_1716234526589_4019 .newsletter-form-button {
  height: 20px;
  margin-top: -20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

You mean reduce padding on right side?

Yes, basically want it centered to the blue shape behind it, so whether that's reducing more padding on right side or left. Currently I can't reduce it any more. I had tried some padding CSS (set at 0) but it still didn't achieve the width I was looking for to fit center inside the blue box.

This is Shape Block

This is Form Block, it has a space on left

You try drag Form Block to make width of Form equal width of Shape Block

Or use this code to increase Shape Block background to left a bit.

div.fe-block-yui_3_17_2_1_1716234526589_4019 {
    background-color: #323843
}

I want the form block to fit over the shape as I want this size, but I can't adjust it anymore:

This is what I'm looking to do: