diff --git a/css/popup.css b/css/popup.css
index 4adaf33a..993631fb 100644
--- a/css/popup.css
+++ b/css/popup.css
@@ -25,6 +25,29 @@ body {
     min-height: 400px;
 }
 
+#courseList {
+    list-style-type: none;
+    padding: 5px;
+}
+
+#empty {
+    font-weight: normal;
+    font-size: large;
+    margin: 60px 30px 180px 30px;
+    text-align: center;
+}
+
+#empty #main {
+    margin-bottom: 5px;
+}
+
+#empty span {
+    font-size: small;
+    display: table;
+    margin: 0 auto;
+    font-weight: bold;
+}
+
 .settingsbut {
     margin-right: 2px;
     border: 0px;
diff --git a/popup.html b/popup.html
index 8682d93f..cb8839d1 100644
--- a/popup.html
+++ b/popup.html
@@ -18,13 +18,13 @@
   </div>
 
   <div>
-    <ul id="courseList" style="list-style-type: none;padding: 5px;"></ul>
-    <h2 id="empty" style="font-weight: normal;font-size: large;margin: 60px 30px 180px 30px ;text-align: center">
-      <div id="main" style="margin-bottom: 5px;">Doesn't Look Like
+    <ul id="courseList"></ul>
+    <h2 id="empty">
+      <div id="main">Doesn't Look Like
         Anything
         To Me.
       </div>
-      <span style="font-size: small;display:table;margin:0 auto;font-weight: bold">(No Courses Saved)</span>
+      <span>(No Courses Saved)</span>
     </h2>
   </div>