Brompton: Fix widget are width

brompton/sass/_extra-child-theme.scss

@@ -564,6 +564,7 @@ table,
 .widget-area {
 	border-top: 1px solid map-deep-get($config-global, "color", "border", "light");
 	padding-top: #{map-deep-get($config-global, "spacing", "vertical")};
+	width: 100%;
 
   .widget-title,
   .widgettitle {

brompton/style-rtl.css

@@ -3477,7 +3477,7 @@ table th,
 
 #colophon {
 	flex-direction: column;
-	padding-bottom: 37px;
+	padding-bottom: 32px;
 }
 
 #colophon .site-info {
@@ -3620,6 +3620,7 @@ table th,
 .widget-area {
 	border-top: 1px solid rgba(0, 0, 0, 0.1);
 	padding-top: 32px;
+	width: 100%;
 }
 
 .widget-area .widget-title,

brompton/style.css

@@ -3625,6 +3625,7 @@ table th,
 .widget-area {
 	border-top: 1px solid rgba(0, 0, 0, 0.1);
 	padding-top: 32px;
+	width: 100%;
 }
 
 .widget-area .widget-title,