diff --git a/src/wp-admin/css/common.css b/src/wp-admin/css/common.css
index 2e6e605ce2..04894f2f65 100644
--- a/src/wp-admin/css/common.css
+++ b/src/wp-admin/css/common.css
@@ -2357,8 +2357,45 @@ h1.nav-tab-wrapper, /* Back-compat for pre-4.4 */
 
 /* Back-compat for nav-menus screen */
 .nav-menus-php .metabox-holder h3 {
-	padding: 10px 10px 11px 14px;
-	line-height: 1.5;
+	padding: 0; /*10px 10px 11px 14px*/
+	line-height: 0; /*1.5*/
+}
+.nav-menus-php .metabox-holder .accordion-section-title button.accordion-trigger {
+    background: inherit;
+    color: #1d2327;
+    display: block;
+    position: relative;
+    text-align: left;
+    width: 100%;
+    outline: none;
+    border: 0;
+    padding: 10px 10px 11px 14px;
+    line-height: 1.5;
+	cursor: pointer;
+}
+.nav-menus-php .metabox-holder .accordion-section-title span.dashicons.dashicons-arrow-down {
+    position: absolute;
+    right: 10px;
+    left: auto;
+	color: #787c82;
+	border-radius: 50px;
+}
+.nav-menus-php .metabox-holder .accordion-section-title:hover span.dashicons.dashicons-arrow-down {
+	color: #1d2327;
+}
+.nav-menus-php .metabox-holder .accordion-section-title span.dashicons.dashicons-arrow-down::before {
+	position: relative;
+    left: -1px
+}
+.nav-menus-php .metabox-holder .accordion-section-title:focus span.dashicons.dashicons-arrow-down,
+.nav-menus-php .metabox-holder .accordion-section-title:hover span.dashicons.dashicons-arrow-down {
+	outline: 1px solid #2271b1;
+}
+.nav-menus-php .metabox-holder .accordion-section-title::after {
+	display: none;
+}
+.nav-menus-php .metabox-holder .accordion-section.open .accordion-section-title span.dashicons.dashicons-arrow-down {
+	transform: rotate(180deg);
 }
 
 #templateside ul li a {
@@ -3890,6 +3927,10 @@ img {
 		padding: 12px;
 	}
 
+	.nav-menus-php .metabox-holder h3 {
+		padding: 0;
+	}
+
 	.postbox .handlediv {
 		margin-top: 3px;
 	}
diff --git a/src/wp-admin/includes/template.php b/src/wp-admin/includes/template.php
index 90b375e882..52667354da 100644
--- a/src/wp-admin/includes/template.php
+++ b/src/wp-admin/includes/template.php
@@ -1574,13 +1574,18 @@ function do_accordion_sections( $screen, $context, $data_object ) {
 					?>
 					<li class="control-section accordion-section <?php echo $hidden_class; ?> <?php echo $open_class; ?> <?php echo esc_attr( $box['id'] ); ?>" id="<?php echo esc_attr( $box['id'] ); ?>">
 						<h3 class="accordion-section-title hndle" tabindex="0">
-							<?php echo esc_html( $box['title'] ); ?>
-							<span class="screen-reader-text">
-								<?php
-								/* translators: Hidden accessibility text. */
-								_e( 'Press return or enter to open this section' );
-								?>
-							</span>
+							<button type="button" class="accordion-trigger">
+								<span class="accordion-title">
+									<?php echo esc_html( $box['title'] ); ?>
+									<span class="screen-reader-text" aria-hidden="true">
+										<?php
+										/* translators: Hidden accessibility text. */
+										_e( 'Press return or enter to open this section' );
+										?>
+									</span>
+									<span class="dashicons dashicons-arrow-down"></span>
+								</span>
+							</button>
 						</h3>
 						<div class="accordion-section-content <?php postbox_classes( $box['id'], $page ); ?>">
 							<div class="inside">