diff --git a/assets/sass/components/_button.scss b/assets/sass/components/_button.scss
index 5f9baa8..b622fd4 100644
--- a/assets/sass/components/_button.scss
+++ b/assets/sass/components/_button.scss
@@ -26,14 +26,14 @@
 		font-family: _font(family-heading);
 		font-size: 0.6em;
 		font-weight: _font(weight-heading-bold);
-		height: _size(element-height) * 1.75;
+		height: auto;
 		letter-spacing: _font(kerning-heading);
-		line-height: _size(element-height) * 1.75;
+		line-height: _size(element-height) * 1.5;
 		padding: 0 2.5em;
 		text-align: center;
 		text-decoration: none;
 		text-transform: uppercase;
-		white-space: nowrap;
+		white-space: normal;
 
 		&:hover {
 			box-shadow: inset 0 0 0 1px _palette(accent);
diff --git a/assets/sass/components/_headings.scss b/assets/sass/components/_headings.scss
index e64fde5..82c172b 100644
--- a/assets/sass/components/_headings.scss
+++ b/assets/sass/components/_headings.scss
@@ -78,7 +78,7 @@
         
     }
 
-    @include breakpoint('<=small') {
+    @include breakpoint('<=xsmall') {
         > .image.featured {
             margin-left: _size(section-spacing-small) * -1;
             margin-top: calc(#{_size(section-spacing-small) * -1} - 1px);
diff --git a/assets/sass/libs/_mixins.scss b/assets/sass/libs/_mixins.scss
index cba763c..40eff25 100644
--- a/assets/sass/libs/_mixins.scss
+++ b/assets/sass/libs/_mixins.scss
@@ -48,10 +48,10 @@
 		$important: '!important';
 	}
 
-	$x: 0.1em;
+	$x: 0.5em;
 
 	@if unit(_size(element-margin)) == 'rem' {
-		$x: 0.1rem;
+		$x: 0.5rem;
 	}
 
 	padding: ($tb + nth($pad,1)) ($lr + nth($pad,2)) max($x, $tb - _size(element-margin) + nth($pad,3)) ($lr + nth($pad,4)) #{$important};