diff --git a/popup.css b/popup.css
index 6d41a2df..b48e1904 100644
--- a/popup.css
+++ b/popup.css
@@ -1,9 +1,13 @@
+@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro&display=swap');
+
 * {
-  font-family: 'Arial';
+  font-family: 'Source Sans Pro', sans-serif;
 }
 
 body {
+  font-size: 14px;
   width: 300px;
+  background-color: #d9ffdc;
 }
 
 .greenButton {
@@ -15,7 +19,6 @@ body {
   display:inline-block;
   cursor:pointer;
   color:#ffffff;
-  font-family:Arial;
   font-size:16px;
   padding:8px 37px;
   text-decoration:none;
@@ -41,7 +44,6 @@ body {
 	display:inline-block;
 	cursor:pointer;
 	color:#ffffff;
-	font-family:Arial;
 	font-size:13px;
 	padding:6px 24px;
 	text-decoration:none;
@@ -64,7 +66,6 @@ body {
 	display:inline-block;
 	cursor:pointer;
 	color:#ffffff;
-	font-family:Arial;
 	font-size:14px;
 	padding:6px 10px;
 	text-decoration:none;
diff --git a/popup.html b/popup.html
index a5bca650..35809532 100644
--- a/popup.html
+++ b/popup.html
@@ -13,48 +13,46 @@
 
         <!-- Hidden until loading complete -->
         <div id="mainControls" class="main" style="display: none">
-            <!-- If the video was found in the database -->
-            <div id="videoFound">
-      
-            </div>
+          <!-- If the video was found in the database -->
+          <div id="videoFound">
+              
+          </div>
 
-            <div id="downloadedSponsorMessageTimes">
+          <div id="downloadedSponsorMessageTimes">
+
+          </div>
+          
+          <h2>Record the times of a sponsorship</h2>
+
+          <p> 
+            Click the button below when the sponsorship starts and ends to record and 
+            submit it to the database.
+          </p>
+  
+          <div>
+            <button id="sponsorStart" class="greenButton">Sponsorship Starts Now</button>
+          </div>
+    
+          <div id="submissionSection" style="display: none">
+            <h3>Latest Sponsor Message Times Chosen</h3>
+            <b>
+              <div id="sponsorMessageTimes">
       
-            </div>
+              </div>
+            </b>
+    
+            <button id="clearTimes" class="smallButton">Clear Times</button>
     
             <br/>
-
-            <h2>Record the times of a sponsorship</h2>
-
-            <p> 
-              Click the button below when the sponsorship starts and ends to record and 
-              submit it to the database.
-            </p>
+            <br/>
     
-            <div>
-              <button id="sponsorStart" class="greenButton">Sponsorship Starts Now</button>
-            </div>
-      
-            <div id="submissionSection" style="display: none">
-              <h3>Latest Sponsor Message Times Chosen</h3>
-              <b>
-                <div id="sponsorMessageTimes">
-        
-                </div>
-              </b>
-      
-              <button id="clearTimes" class="smallButton">Clear Times</button>
-      
-              <br/>
-              <br/>
-      
-              <button id="submitTimes" class="smallButton">Submit Times</button>
-            </div>
+            <button id="submitTimes" class="smallButton">Submit Times</button>
+          </div>
 
-            <br/>
-            <br/>
-      
-            <button id="showNoticeAgain" style="display: none" class="noticeButton">Show Notice Again</button>
+          <br/>
+          <br/>
+    
+          <button id="showNoticeAgain" style="display: none" class="noticeButton">Show Notice Again</button>
         </div>
       </div>
   </center>