diff --git a/static/styles/zulip.css b/static/styles/zulip.css
index 07f4150e33..cbbbc62242 100644
--- a/static/styles/zulip.css
+++ b/static/styles/zulip.css
@@ -99,6 +99,16 @@ p.n-margin {
     height: 24px;
 }
 
+.top-messages-logo svg circle {
+    fill: #444;
+    stroke: #444;
+}
+
+.top-messages-logo svg path {
+    fill: #fff;
+    stroke: #fff;
+}
+
 #unmute_muted_topic_notification {
     display: none;
     position: absolute;
diff --git a/templates/zerver/home.html b/templates/zerver/home.html
index add1a5e650..81abd3075f 100644
--- a/templates/zerver/home.html
+++ b/templates/zerver/home.html
@@ -3,8 +3,8 @@
     <div class="top-messages-logo">
         <svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 40 40" version="1.1">
             <g transform="translate(-297.14285,-466.64792)">
-                <circle cx="317.14285" cy="486.64792" r="19.030317" style="fill:#444;stroke-width:1.93936479;stroke:#444"/>
-                <path d="m309.24286 477.14791 14.2 0 1.6 3.9-11.2 11.9 9.6 0 1.6 3.2-14.2 0-1.6-3.9 11.2-11.9-9.6 0z" style="fill:#fff;stroke:#fff"/>
+                <circle cx="317.14285" cy="486.64792" r="19.030317" style="stroke-width:1.93936479;"/>
+                <path d="m309.24286 477.14791 14.2 0 1.6 3.9-11.2 11.9 9.6 0 1.6 3.2-14.2 0-1.6-3.9 11.2-11.9-9.6 0z"/>
             </g>
         </svg>
     </div>