Modern Business: Make sure the box handle is clickable and move the box handle to the “true” center

modern-business/style-editor.css

@@ -390,6 +390,18 @@ figcaption,
   margin-bottom: -32px;
 }
 
+.wp-block-media-text .components-resizable-box__handle {
+  z-index: 3;
+}
+
+.wp-block-media-text .components-resizable-box__handle-right {
+  right: calc((12px - 30px) * -1);
+}
+
+.wp-block-media-text .components-resizable-box__handle-left {
+  left: calc((12px - 30px) * -1);
+}
+
 @media only screen and (min-width: 768px) {
   .wp-block-media-text {
     padding: 60px 0;

modern-business/style-editor.scss

@@ -379,6 +379,21 @@ figcaption,
 		margin-bottom: -32px;
 	}
 
+	// Make sure the box handle is clickable.
+	.components-resizable-box__handle {
+		z-index: 3;
+	}
+
+	// Move the box handle to the 'true' center.
+	.components-resizable-box__handle-right {
+		right: calc((12px - 30px) * -1);
+	}
+
+	// Move the box handle to the 'true' center.
+	.components-resizable-box__handle-left {
+		left: calc((12px - 30px) * -1);
+	}
+
 	@include media(tablet) {
 		padding: 60px 0;