Tidy up icon button styles

packages/block-library/src/table/editor.scss

@@ -26,11 +26,9 @@
 
 
 .wp-block-table {
-	// Remove default <figure> style.
-	margin: 0;
-
 	// Pad the container so that table/column/row selection buttons have adequate space.
-	padding: 20px 0 0 20px;
+	margin: -8px 0 0 -8px;
+	padding: 30px 0 0 30px;
 	width: 100%;
 
 	table {
@@ -109,31 +107,38 @@
 		justify-content: center;
 	}
 
-	&__table-selection-button {
+	&__table-selection-button,
+	&__row-selection-button,
+	&__column-selection-button {
 		position: absolute;
+
+		// Ensure the icon is centered, even when the button is very narrow.
+		padding: 0;
+		justify-content: center;
+
+		.dashicon {
+			margin: 0 auto;
+		}
+	}
+
+	&__table-selection-button {
 		top: -31px;
 		left: -31px;
 		width: 30px;
 		height: 30px;
 	}
 
 	&__row-selection-button {
-		position: absolute;
 		top: 0;
 		left: -31px;
 		width: 30px;
 		height: 100%;
 	}
 
 	&__column-selection-button {
-		position: absolute;
 		top: -31px;
 		left: 0;
 		width: 100%;
 		height: 30px;
-
-		.dashicon {
-			margin: 0 auto;
-		}
 	}
 }