From 1e0c04207bb963902aeb6d6d4fa555589193e315 Mon Sep 17 00:00:00 2001
From: sirineJ <112706079+sirineJ@users.noreply.github.com>
Date: Tue, 10 Dec 2024 12:59:29 +0100
Subject: [PATCH] Increase the specificity of carousel buttons.

---
 .changeset/blue-pillows-beam.md                              | 5 +++++
 .../Carousel/components/Buttons/Buttons.module.css           | 4 ++--
 2 files changed, 7 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/blue-pillows-beam.md

diff --git a/.changeset/blue-pillows-beam.md b/.changeset/blue-pillows-beam.md
new file mode 100644
index 0000000000..81286826ec
--- /dev/null
+++ b/.changeset/blue-pillows-beam.md
@@ -0,0 +1,5 @@
+---
+"@sumup-oss/circuit-ui": patch
+---
+
+Fixed the spacing of the Carousel component's buttons.
diff --git a/packages/circuit-ui/components/Carousel/components/Buttons/Buttons.module.css b/packages/circuit-ui/components/Carousel/components/Buttons/Buttons.module.css
index 4d71cc8ce4..46c0a5bafd 100644
--- a/packages/circuit-ui/components/Carousel/components/Buttons/Buttons.module.css
+++ b/packages/circuit-ui/components/Carousel/components/Buttons/Buttons.module.css
@@ -4,10 +4,10 @@
   justify-content: center;
 }
 
-.button {
+.button-list .button {
   margin-left: var(--cui-spacings-byte);
 }
 
-.button:first-of-type {
+.button-list .button:first-of-type {
   margin-left: 0;
 }