Balasana: Cleaning up WC mini-cart styles.

balasana/sass/_config-child-theme-woocommerce.scss

@@ -41,6 +41,7 @@ $config-woocommerce: (
 			"color": map-deep-get($config-button, "color", "text"),
 			"background-color": map-deep-get($config-button, "color", "background"),
 		),
+		"width": #{25 * map-deep-get($config-global, "spacing", "unit")},
 	),
 
 	/* Star Rating */

balasana/style-woocommerce-rtl.css

@@ -892,6 +892,9 @@ body[class*="woocommerce"] #page .main-navigation .woocommerce-mini-cart__total
 		right: auto;
 		left: 0;
 	}
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
+		max-width: 400px;
+	}
 	body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item:hover > ul:before,
 	body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item.focus > ul:before,
 	body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item.current-menu-item > ul:before {

balasana/style-woocommerce.css

@@ -892,6 +892,9 @@ body[class*="woocommerce"] #page .main-navigation .woocommerce-mini-cart__total
 		left: auto;
 		right: 0;
 	}
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
+		max-width: 400px;
+	}
 	body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item:hover > ul:before,
 	body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item.focus > ul:before,
 	body[class*="woocommerce"] #page .main-navigation > div > ul > li.woocommerce-menu-item.current-menu-item > ul:before {