need help fixing margins on homepage

I have a 3-column layout and in the center layout, I have recent posts, then a dynamic sidebar with Google Ads and a Tag Cloud below them. The dynamic sidebar contents are shifted to the right about 10px and I don’t know how to fix it. The problem is the green header is merging with the right column and looks bad. Can anyone help?

My site: https://planetthrive.com

The related code:

<!-- BEGIN recent posts -->
	<div class="cbox">
	<h2><?php fs_lang("Recent Articles"); ?></h2>
	<?php
	$wp_query = $tmp_query;
	if (have_posts()) : $count = 0;
	?>
	<ul>
	<?php while (have_posts()) : the_post(); $count++; ?>
	<li<?php if ($count==1) echo ' class="first"'; ?>>
		<a class="attachment" href="<?php the_permalink(); ?>"><?php fs_attachment_image($post->ID, 'thumbnail', 'alt="' . $post->post_title . '"'); ?></a>
		<a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
		<p><?php echo fs_clean($post->post_excerpt, 177); ?>...</p>	</li>
	<?php endwhile; ?>
	</ul>
	<?php else: ?>
	<p><?php fs_lang("No articles."); ?></p>
	<?php endif; ?>
        <!-- END recent posts -->

<!-- BEGIN middle sidebar -->
	<BR /><p style="margin-bottom: 10px;"></p>
        <div class="sidebar">

	<?php if ( !function_exists('dynamic_sidebar')
	|| !dynamic_sidebar(2) ) : ?>

	<?php endif; ?>
	</div>
	<!-- END middle sidebar -->
	</div>
</div>
<!-- END content -->