GH-953 fix bug where pause button is off by 1px

app/scss/partials/_pause_button.scss

@@ -41,11 +41,11 @@
 	.button-pause {
 		min-width: 125px;
 		max-width: 125px;
-		font-size: 11px;
 		line-height: 17px;
 		.pause-button-text {
 			overflow-x: hidden;
 			text-overflow: clip;
+			font-size: 11px;
 		}
 		.pause-button-icon {
 			padding: 0 10px 0 30px;
@@ -151,7 +151,7 @@
 .ghostery-features-container .sub-component.pause-button {
 	.button-pause {
 		height: 35px;
-		line-height: 21px;
+		line-height: 16px;
 	}
 	.button-caret {
 		height: 35px;
@@ -160,7 +160,7 @@
 		height: 45px;
 		min-width: 125px;
 		max-width: 125px;
-		line-height: 31px;
+		line-height: 26px;
 	}
 	.button-caret.smaller {
 		height: 45px;

app/scss/partials/_summary.scss

@@ -28,6 +28,11 @@
 		padding: 10px 0 0 10px;
 		text-align: left;
 	}
+	&.ab-pause .sub-component.pause-button {
+		.button-pause {
+			font-size: 11px;
+		}
+	}
 	&.expert.ab-pause .pause-button-container {
 		padding: 10px 0 0 0;
 		text-align: center;