diff --git a/pylons_app/public/css/monoblue_custom.css b/pylons_app/public/css/monoblue_custom.css
--- a/pylons_app/public/css/monoblue_custom.css
+++ b/pylons_app/public/css/monoblue_custom.css
@@ -537,4 +537,9 @@ table.code-browser tbody td {
 .current_submenu{
 	border-bottom: 2px solid;
 
+}
+#repos_list{
+border:1px solid #556CB5;
+background: #FFFFFF;
+
 }
\ No newline at end of file
diff --git a/pylons_app/templates/base/base.html b/pylons_app/templates/base/base.html
--- a/pylons_app/templates/base/base.html
+++ b/pylons_app/templates/base/base.html
@@ -56,10 +56,12 @@
 				YAHOO.util.Event.addListener('repo_switcher','click',function(){
 					if(YAHOO.util.Dom.hasClass('repo_switcher','selected')){
 						YAHOO.util.Dom.setStyle('switch_repos','display','none');
+						YAHOO.util.Dom.setStyle('repo_switcher','background','');
 						YAHOO.util.Dom.removeClass('repo_switcher','selected');
 					}
 					else{
 						YAHOO.util.Dom.setStyle('switch_repos','display','');
+						YAHOO.util.Dom.setStyle('repo_switcher','background','#FFFFFF');
 						YAHOO.util.Dom.addClass('repo_switcher','selected');
 					}
 					});
@@ -73,7 +75,7 @@
         	</script>
 			<li>
 				<a id="repo_switcher" title="${_('Switch repository')}" href="#">&darr;</a>
-				<div id="switch_repos" style="display:none;position: absolute;width: 150px;height: 25px;background-color: #DDDDDD">
+				<div id="switch_repos" style="display:none;position: absolute;width: 150px;height: 25px">
 					<select id="repos_list">
 					%for repo in c.repo_list:
 						<option value="${repo}">${repo}</option>