diff --git a/ui/conversation-message.ui b/ui/conversation-message.ui
index c6afd79c..88ed932a 100644
--- a/ui/conversation-message.ui
+++ b/ui/conversation-message.ui
@@ -495,8 +495,7 @@
                   <object class="GtkProgressBar" id="body_progress">
                     <property name="valign">start</property>
                     <style>
-                      <class name="osd"/>
-                      <class name="top"/>
+                      <class name="geary-body-progress"/>
                     </style>
                   </object>
                 </child>
diff --git a/ui/geary.css b/ui/geary.css
index 2264b71f..bb1d369a 100644
--- a/ui/geary.css
+++ b/ui/geary.css
@@ -241,6 +241,30 @@ grid.geary-message-summary {
   margin: 36px 16px;
 }
 
+.geary-message .geary-body-progress {
+  border: none;
+  background-color: transparent;
+  background-image: none;
+  padding-top: 0px;
+  padding-bottom: 0px;
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+
+.geary-message .geary-body-progress progress {
+  background-color: @theme_selected_bg_color;
+  background-image: none;
+  border: none;
+  min-height: 1px;
+}
+
+.geary-message .geary-body-progress trough {
+  border: none;
+  background-color: transparent;
+  background-image: none;
+  min-height: 1px;
+}
+
 /* ContactPopover */
 
 .geary-contact-popover .dim-label {