How do I get rid of HTML block padding?

I have brought in a table using <iframe>.

<style>
    iframe{
        width: 100%;
    }
</style>

<iframe src="https://savorystrategy.com/frames/add.html" id="Iframe"></iframe>
    
<script>
        // Selecting the iframe element
        var frame = document.getElementById("Iframe");
          
        // Adjusting the iframe height onload event
        frame.onload = function()
        // function execute while load the iframe
        {
          // set the height of the iframe as 
          // the height of the iframe content
          frame.style.height = 
          frame.contentWindow.document.body.scrollHeight + 'px';
           
  
         // set the width of the iframe as the 
         // width of the iframe content
         frame.style.width  = 
          frame.contentWindow.document.body.scrollWidth+'px';
              
        }
        </script>

It comes in exactly as I want it to except for the top and bottom margins.

Where in the template code can I change this, or is there another way to do it?

Once I have the solution, I can remove the border on the table and the gray background to clean things up.

The page I need help with: [log in to see the link]