diff --git a/assets/src/blocks/CarouselHeader/EditableBackground.js b/assets/src/blocks/CarouselHeader/EditableBackground.js
index c077921f33..e8c527505d 100644
--- a/assets/src/blocks/CarouselHeader/EditableBackground.js
+++ b/assets/src/blocks/CarouselHeader/EditableBackground.js
@@ -43,7 +43,7 @@ export const EditableBackground = ({
             className="carousel-header-editor-controls"
             renderToggle={({onToggle}) => (
               <Button
-                isPrimary
+                variant="primary"
                 icon="edit"
                 onClick={onToggle}
               >