diff --git a/main/css/default/default.css b/main/css/default/default.css
index b8cb604de8..ebcd832c2d 100644
--- a/main/css/default/default.css
+++ b/main/css/default/default.css
@@ -174,6 +174,19 @@ a.invisible:visited {
 	color: #999;
 }
 
+/* user_portal course status icon */
+#coursestatusicons{
+	border: 0px solid #000;
+	width: auto;
+	float: left;
+	padding-right: 5px;
+}
+
+/* user_portal course list */
+#courses {
+	list-style-type: none;
+	margin-bottom: 5px;
+}
 
 /*
 ==============================================================================
diff --git a/user_portal.php b/user_portal.php
index bd2e40b4c0..7d8f68e660 100644
--- a/user_portal.php
+++ b/user_portal.php
@@ -608,7 +608,7 @@ function get_logged_user_course_html($my_course)
 
 	//display course entry
 	$result.="\n\t";
-	$result .= '<li style="list-style-type: none; margin-bottom: 5px;"><div style="border:0px solid #000; width: auto; float:left;padding-right: 5px;">'.$s_htlm_status_icon.'</div>';
+	$result .= '<li id="courses"><div id="coursestatusicons">'.$s_htlm_status_icon.'</div>';
 	//show a hyperlink to the course, unless the course is closed and user is not course admin
 	if ($course_visibility != COURSE_VISIBILITY_CLOSED || $user_in_course_status == COURSEMANAGER)
 	{