diff --git a/assets/css/src/components-plugin/_listing-newsletters.scss b/assets/css/src/components-plugin/_listing-newsletters.scss
index eeba065961..b50c674515 100644
--- a/assets/css/src/components-plugin/_listing-newsletters.scss
+++ b/assets/css/src/components-plugin/_listing-newsletters.scss
@@ -154,6 +154,78 @@ h1.title.mailpoet-newsletter-listing-heading {
   stroke-width: 2px;
 }
 
+.mailpoet-listing-stats {
+  color: $color-tertiary;
+  font-size: $font-size-small;
+  font-weight: 600;
+
+  .__react_component_tooltip.show {
+    opacity: 1 !important;
+  }
+}
+
+.mailpoet-listing-stats a {
+  color: $color-tertiary !important;
+}
+
+.mailpoet-listing-stats-opened-clicked {
+  display: flex;
+}
+
+.mailpoet-listing-stats-percentages {
+  line-height: 1.7;
+  margin-right: 5px;
+}
+
+.mailpoet-listing-stats-badges {
+  line-height: 1.7;
+}
+
+.mailpoet-listing-stats-badge {
+  border-radius: 2px;
+  color: $color-white;
+  display: inline-block;
+  font-size: $font-size-xx-small;
+  font-weight: normal;
+  line-height: 1.6;
+  padding: 0;
+  text-align: center;
+  width: 60px;
+}
+
+.mailpoet-listing-stats-badge-average {
+  background-color: $color-stats-average;
+}
+
+.mailpoet-listing-stats-badge-good {
+  background-color: $color-stats-good;
+}
+
+.mailpoet-listing-stats-badge-excellent {
+  background-color: $color-stats-excellent;
+}
+
+.mailpoet-listing-stats-revenues {
+  border: solid 1px $color-tertiary;
+  border-radius: 2px;
+  display: inline-block;
+  font-size: $font-size-xx-small;
+  font-weight: normal;
+  line-height: 1.6;
+  padding: 1px 3px;
+  text-align: center;
+}
+
+.mailpoet-listing-stats-tooltip-title {
+  font-size: $font-size-extra-small;
+  text-align: center;
+}
+
+.mailpoet-listing-stats-tooltip-content {
+  font-size: $font-size-extra-small;
+  font-weight: normal;
+}
+
 @include respond-to(small-screen) {
   .mailpoet-newsletter-listing-heading-wrapper {
     float: left;
diff --git a/assets/css/src/settings/_badge.scss b/assets/css/src/settings/_badge.scss
index 53fb1ef728..e53583f3a8 100644
--- a/assets/css/src/settings/_badge.scss
+++ b/assets/css/src/settings/_badge.scss
@@ -3,3 +3,7 @@ $badge-color-excellent: #2993ab;
 $badge-color-good: #f0b849;
 $badge-color-green: #55bd56;
 $badge-color-video-guide: #46b450;
+
+$color-stats-average: #f559c3;
+$color-stats-good: #ff9f00;
+$color-stats-excellent: #7ed321;
diff --git a/assets/css/src/settings/_typography.scss b/assets/css/src/settings/_typography.scss
index 30676475c6..d36c358fb6 100644
--- a/assets/css/src/settings/_typography.scss
+++ b/assets/css/src/settings/_typography.scss
@@ -2,6 +2,7 @@ $font-family: 'proxima-soft', sans-serif;
 $font-size: 16px;
 $font-size-small: 14px;
 $font-size-extra-small: 12px;
+$font-size-xx-small: 10px;
 $line-height: 1.5;
 
 $heading-line-height: 1.25;