Interior pro wp theme extend sidebar color

here is the widget code

<a href="http://www.easa.com/ "><img src="http://b44.41a.myftpupload.com/wp-content/uploads/2016/05/logo-easa-new-trans.png" alt="EASA" target="_blank"></a><br>
<a href="http://www.seweurodrive.com/" target="_blank"><img class="alignleft size-full wp-image-457" src="http://b44.41a.myftpupload.com/wp-content/uploads/2016/06/p-sew.gif" alt="p-sew" width="129" height="92" /></a><br>

<img class="alignleft size-medium wp-image-453" src="http://b44.41a.myftpupload.com/wp-content/uploads/2016/06/Unknown-2.png" alt="Unknown-2" width="86" height="46" /><br>

<a href="http://www.leeson.com/" target="_blank"><img class="alignleft size-medium wp-image-452" src="http://b44.41a.myftpupload.com/wp-content/uploads/2016/06/Unknown-1.png" alt="Unknown-1" width="150" height="85" /></a><br>

<a href="http://www.baldor.com/" target="_blank"><img class="alignleft size-full wp-image-451" src="http://b44.41a.myftpupload.com/wp-content/uploads/2016/06/Unknown.png" alt="Unknown" width="153" height="38" /></a>

Select allOpen in new window

I put each logo into its own text widget.  Not sure if this is the best method and it seems neither is working right.

you seen to have changed it to green? (see below)
one way (but you would have to adjust the height and it looks rubbish on a small device)

.sidebar-primary {
    float: right;
    width: 340px;
    height: 1200px;
    background-color: #ddd;
}

if it were me I would remove the colour all together

.sidebar-primary {
    float: right;
    width: 340px;
}

then it doesn't look odd

screen as is:


screen with no background colour:

I originally had it entirely gray but then tried to fix it and during an attempt to fix it found out I could put in a teal bar which I kinda liked.  I don't like how the sidebar stops abruptly.  Maybe it is just me.  Looks "off".  So, is there a way to get the white bar to extend fully down the page without messing things up?