HTML Widget expanding in size

The top widget in the right hand sidebar seems to have been re-sized to be a bit too big. Is there any way to bring it back down the size it needs to be?

Here’s the original code for the login widget I’m trying to insert if that helps:
<form action="https://www.trainingpeaks.com/authuser.asp?cid2=XRNSXTVC7OPWW" method="post" name="formxx" id="formxx" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; position: 0px; border: 0px;"> <table border="0" cellspacing="0" cellpadding="2" style="background-color: grey; border: thin solid Black;"><tr><td colspan="2" bgcolor="#cccccc"><div align="center"><b>Online Training Log</b></div></td></tr><tr><td bgcolor="white"><font color="black" face="Verdana" size="2">Username</font></td><td bgcolor="white"> <input type="text" name="username" style="width: 50px; font-size: 10px;"></td></tr><tr><td bgcolor="white"><font color="black" face="Verdana" size="2">Password</font></td><td bgcolor="white"> <input type="password" name="password" style="width: 50px; font-size: 10px;"></td></tr><tr><td bgcolor="white" colspan="2" align="center"><input type="submit" name="submit" value="Login" style="background-color: Yellow; border: thin solid Black; font-size: xx-small;"> </td></tr><tr><td bgcolor="white" colspan="2"><a href="http://www.trainingpeaks.com"><img src="http://www.trainingpeaks.com/images/poweredbytb.gif" alt="" border="0"></a></td></tr></table></form>

[Moderator Note: Please post code & markup between backticks or use the code button. Your posted code may now have been permanently damaged by the forum’s parser.]