From d4aba73ee6a65115122d35b1587afbfc28d08fcd Mon Sep 17 00:00:00 2001
From: Laurel <laurel.fulford@automattic.com>
Date: Fri, 1 Mar 2024 15:17:34 -0800
Subject: [PATCH] fix: correct carousel button styles in editor (#1680)

---
 src/blocks/carousel/edit.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/blocks/carousel/edit.js b/src/blocks/carousel/edit.js
index b2a219638..6d677d2a6 100644
--- a/src/blocks/carousel/edit.js
+++ b/src/blocks/carousel/edit.js
@@ -250,8 +250,8 @@ class Edit extends Component {
 						<Fragment>
 							{ autoplay && (
 								<Fragment>
-									<button ref={ this.btnPauseRef } />
-									<button ref={ this.btnPlayRef } />
+									<button className="swiper-button swiper-button-pause" ref={ this.btnPauseRef } />
+									<button className="swiper-button swiper-button-play" ref={ this.btnPlayRef } />
 								</Fragment>
 							) }
 							<div className="swiper-wrapper">
@@ -339,8 +339,8 @@ class Edit extends Component {
 							</div>
 							{ ! hasNoPosts && ! hasOnePost && (
 								<>
-									<button className="swiper-button-prev" ref={ this.btnPrevRef } />
-									<button className="swiper-button-next" ref={ this.btnNextRef } />
+									<button className="swiper-button-prev swiper-button" ref={ this.btnPrevRef } />
+									<button className="swiper-button-next swiper-button" ref={ this.btnNextRef } />
 									<div
 										className="swiper-pagination swiper-pagination-bullets"
 										ref={ this.paginationRef }