diff --git a/internal_packages/open-tracking/lib/open-tracking-icon.jsx b/internal_packages/open-tracking/lib/open-tracking-icon.jsx
index 578bb7061..d16f6e265 100644
--- a/internal_packages/open-tracking/lib/open-tracking-icon.jsx
+++ b/internal_packages/open-tracking/lib/open-tracking-icon.jsx
@@ -39,11 +39,10 @@ export default class OpenTrackingIcon extends React.Component {
   }
 
   render() {
-    if (!this.state.hasMetadata) { return false }
     const title = this.state.opened ? "This message has been read at least once" : "This message has not been read";
     return (
       <div title={title} className="open-tracking-icon">
-        {this._renderImage()}
+        {this.state.hasMetadata ? this._renderImage() : ""}
       </div>
     );
   }
diff --git a/internal_packages/open-tracking/stylesheets/main.less b/internal_packages/open-tracking/stylesheets/main.less
index 82dd0ec7d..9294dfdb2 100644
--- a/internal_packages/open-tracking/stylesheets/main.less
+++ b/internal_packages/open-tracking/stylesheets/main.less
@@ -3,7 +3,6 @@
 
 .open-tracking-icon img.content-mask.unopened {
   background-color: #6b777d;
-  vertical-align: text-bottom;
 }
 .open-tracking-icon img.content-mask.opened {
   background-color: @text-color-link;
@@ -19,6 +18,7 @@
   font-weight: bold;
 }
 .open-tracking-icon {
+  width: 15px;
 }
 
 .read-receipt-message-status {