Description of problem:
Minor, but odd-looking issue.

If a user creates a new sync plan and then edits it, highlighting that plan in the future shows a strange block extending from the bottom of the highlight.

Version-Release number of selected component (if applicable):


How reproducible:


Steps to Reproduce:

Prerequisite: Assure you have no existing sync plans, as this only seems to happen on the first one (?).

1. Go to Content Management > Sync Management > Sync Plans
2. +New Plan
   Name = 'Google'
   Interval = None [leave as is - don't change]
   Start Date = $current_date
   Time = whatever you want
3. Click on 'Google' in Sync Plans
4. Edit plan 
   Change Interval to Daily
5. Click on 'Google' in Sync Plans
  
Actual results:

A little blob extending beyond the bottom of the div (see forthcoming screenshot)

Expected results:
Clean highlight

Additional info:

* I don't think this happens if more than one sync plan exists or is created. Or possibly they get hidden by the sync plans below them.
* Chrome and Firefox
* I don't think this is a serious issue beyond anything cosmetic, but who knows.