Fix bug where upgrade banner overlaps tracker wheel

app/scss/partials/_upgrade_banner.scss

@@ -13,13 +13,21 @@
 
 .UpgradeBanner {
 	@extend %pointer;
-	background: url("../../app/images/panel/green-upgrade-banner.svg");
-	background-size: contain;
-	background-repeat: repeat-x;
 }
 
 .UpgradeBanner--normal {
-	height: 50px;
+	height: 25px;
+	background: linear-gradient(#9ECC42, #429321);
+	&::before {
+		content: '';
+		position: absolute;
+		right: 0;
+		height: 0;
+		width: 0;
+		border-top: 12.5px solid transparent;
+		border-bottom: 12.5px solid transparent;
+		border-right: 10px solid white;
+	}
 
 	.UpgradeBanner__text {
 		font-size: 12px;
@@ -33,7 +41,18 @@
 }
 
 .UpgradeBanner--small {
-	height: 50px;
+	height: 20px;
+	background: linear-gradient(#9ECC42, #429321);
+	&::before {
+		content: '';
+		position: absolute;
+		right: 0;
+		height: 0;
+		width: 0;
+		border-top: 10px solid transparent;
+		border-bottom: 10px solid transparent;
+		border-right: 8px solid white;
+	}
 
 	.UpgradeBanner__text {
 		font-size: 10px;
@@ -43,6 +62,7 @@
 
 	.UpgradeBanner__plus {
 		vertical-align: middle;
+		padding-right: 12px;
 	}
 }
 
@@ -55,5 +75,5 @@
 
 .UpgradeBanner__plus {
 	display: inline-block;
-	padding-right: 18px;
+	padding-right: 15px;
 }