diff --git a/src/labels/mixins.scss b/src/labels/mixins.scss
index 8ea83723..0d68707f 100644
--- a/src/labels/mixins.scss
+++ b/src/labels/mixins.scss
@@ -9,14 +9,16 @@
   padding: 0 7px;
   font-size: $font-size-small;
   font-weight: $font-weight-semibold;
-  line-height: $lh-default;
+  line-height: 18px;
   // stylelint-disable-next-line primer/borders
   border: $border-width $border-style transparent;
   border-radius: 2em;
 }
 
 @mixin labels-large {
-  padding: 2px 10px;
+  padding-left: 10px;
+  padding-right: 10px;
+  line-height: 22px;
 }
 
 // Inline
diff --git a/src/labels/states.scss b/src/labels/states.scss
index 03c66b98..03dd0dcc 100644
--- a/src/labels/states.scss
+++ b/src/labels/states.scss
@@ -12,11 +12,11 @@
 .state, // TODO: Deprecate
 .State {
   display: inline-block;
-  padding: $spacer-2 12px;
+  padding: 0 12px;
   font-size: $body-font-size;
   font-weight: $font-weight-semibold;
   // stylelint-disable-next-line primer/typography
-  line-height: 16px;
+  line-height: 32px;
   color: $text-white;
   text-align: center;
   white-space: nowrap;
@@ -42,8 +42,10 @@
 // Small
 
 .State--small {
-  padding: $spacer-1 $spacer-2;
+  padding-left: $spacer-2;
+  padding-right: $spacer-2;
   font-size: $font-size-small;
+  line-height: 24px;
 
   .octicon {
     width: 1em; // Ensures different icons don't change State indicator width