Fix rivington botton sizes to be the same.

rivington/style-rtl.css

@@ -4466,7 +4466,6 @@ p:not(.site-title) a:hover {
 		display: flex;
 		align-items: flex-start;
 		justify-content: end;
-		white-space: nowrap;
 	}
 	.mobile-nav-side .site-header #site-navigation.main-navigation #woocommerce-toggle:checked + label,
 	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle:checked + label {
@@ -4487,7 +4486,7 @@ p:not(.site-title) a:hover {
 	}
 	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"].button,
 	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-menu {
-		line-height: 1.5;
+		line-height: 1.55;
 		padding: 12px;
 		display: inline-block;
 		text-align: center;

rivington/style.css

@@ -4495,7 +4495,6 @@ p:not(.site-title) a:hover {
 		display: flex;
 		align-items: flex-start;
 		justify-content: end;
-		white-space: nowrap;
 	}
 	.mobile-nav-side .site-header #site-navigation.main-navigation #woocommerce-toggle:checked + label,
 	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle:checked + label {
@@ -4516,7 +4515,7 @@ p:not(.site-title) a:hover {
 	}
 	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"].button,
 	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-menu {
-		line-height: 1.5;
+		line-height: 1.55;
 		padding: 12px;
 		display: inline-block;
 		text-align: center;

varia/sass/components/header/_site-mobile-nav-side.scss

@@ -60,7 +60,6 @@ $wpadmin-bar--height: 46px;
 			display: flex;
 			align-items: flex-start;
 			justify-content: end;
-			white-space: nowrap;
 
 			#woocommerce-toggle,
 			#toggle {
@@ -86,7 +85,7 @@ $wpadmin-bar--height: 46px;
 
 			#toggle-cart[for="woocommerce-toggle"].button,
 			#toggle-menu {
-				line-height: 1.5;
+				line-height: 1.55;
 				padding: (1.5 * $baseline-unit);
 				display: inline-block;
 				text-align: center;