diff --git a/.changeset/rude-dolphins-hear.md b/.changeset/rude-dolphins-hear.md
new file mode 100644
index 00000000000..88c187f54f6
--- /dev/null
+++ b/.changeset/rude-dolphins-hear.md
@@ -0,0 +1,5 @@
+---
+"@itwin/itwinui-react": patch
+---
+
+Fixed `Carousel.Dot`'s incorrect height.
diff --git a/.changeset/sixty-taxis-nail.md b/.changeset/sixty-taxis-nail.md
new file mode 100644
index 00000000000..82cebf55ae0
--- /dev/null
+++ b/.changeset/sixty-taxis-nail.md
@@ -0,0 +1,5 @@
+---
+"@itwin/itwinui-css": patch
+---
+
+Fixed carousel dot button's incorrect height.
diff --git a/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_carousel_State_hover__focus_dark_0_demo-default_0_desktop.png b/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_carousel_State_hover__focus_dark_0_demo-default_0_desktop.png
index 7e2af45c8ad..f33e8cff5fb 100644
Binary files a/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_carousel_State_hover__focus_dark_0_demo-default_0_desktop.png and b/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_carousel_State_hover__focus_dark_0_demo-default_0_desktop.png differ
diff --git a/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_carousel_State_hover__focus_hc_dark_0_demo-default_0_desktop.png b/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_carousel_State_hover__focus_hc_dark_0_demo-default_0_desktop.png
index afcd8ff0ed8..d09a75e7b96 100644
Binary files a/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_carousel_State_hover__focus_hc_dark_0_demo-default_0_desktop.png and b/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_carousel_State_hover__focus_hc_dark_0_demo-default_0_desktop.png differ
diff --git a/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_carousel_State_hover__focus_hc_light_0_demo-default_0_desktop.png b/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_carousel_State_hover__focus_hc_light_0_demo-default_0_desktop.png
index 53303345104..30574a27c6d 100644
Binary files a/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_carousel_State_hover__focus_hc_light_0_demo-default_0_desktop.png and b/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_carousel_State_hover__focus_hc_light_0_demo-default_0_desktop.png differ
diff --git a/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_carousel_State_hover__focus_light_0_demo-default_0_desktop.png b/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_carousel_State_hover__focus_light_0_demo-default_0_desktop.png
index e6db69c1ad1..d8395904bd1 100644
Binary files a/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_carousel_State_hover__focus_light_0_demo-default_0_desktop.png and b/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_carousel_State_hover__focus_light_0_demo-default_0_desktop.png differ
diff --git a/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_carousel_Type_default_dark_0_demo-default_0_.png b/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_carousel_Type_default_dark_0_demo-default_0_.png
index 92a80958524..16c7f2a32af 100644
Binary files a/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_carousel_Type_default_dark_0_demo-default_0_.png and b/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_carousel_Type_default_dark_0_demo-default_0_.png differ
diff --git a/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_carousel_Type_default_hc_dark_0_demo-default_0_.png b/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_carousel_Type_default_hc_dark_0_demo-default_0_.png
index 9efb16c5a81..1c69ad4b072 100644
Binary files a/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_carousel_Type_default_hc_dark_0_demo-default_0_.png and b/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_carousel_Type_default_hc_dark_0_demo-default_0_.png differ
diff --git a/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_carousel_Type_default_hc_light_0_demo-default_0_.png b/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_carousel_Type_default_hc_light_0_demo-default_0_.png
index 2618a8d0768..3182ae471da 100644
Binary files a/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_carousel_Type_default_hc_light_0_demo-default_0_.png and b/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_carousel_Type_default_hc_light_0_demo-default_0_.png differ
diff --git a/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_carousel_Type_default_light_0_demo-default_0_.png b/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_carousel_Type_default_light_0_demo-default_0_.png
index 2015fa2967c..ed3e7682205 100644
Binary files a/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_carousel_Type_default_light_0_demo-default_0_.png and b/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_carousel_Type_default_light_0_demo-default_0_.png differ
diff --git a/apps/react-workshop/cypress-visual-screenshots/baseline/Carousel.test.ts-Basic.png b/apps/react-workshop/cypress-visual-screenshots/baseline/Carousel.test.ts-Basic.png
index dc62c34a96d..82371a5cafe 100755
Binary files a/apps/react-workshop/cypress-visual-screenshots/baseline/Carousel.test.ts-Basic.png and b/apps/react-workshop/cypress-visual-screenshots/baseline/Carousel.test.ts-Basic.png differ
diff --git a/apps/react-workshop/cypress-visual-screenshots/baseline/Carousel.test.ts-Controlled.png b/apps/react-workshop/cypress-visual-screenshots/baseline/Carousel.test.ts-Controlled.png
index b684e75676f..9789c3fb588 100755
Binary files a/apps/react-workshop/cypress-visual-screenshots/baseline/Carousel.test.ts-Controlled.png and b/apps/react-workshop/cypress-visual-screenshots/baseline/Carousel.test.ts-Controlled.png differ
diff --git a/packages/itwinui-css/src/carousel/carousel.scss b/packages/itwinui-css/src/carousel/carousel.scss
index a59d523487c..cb34754c0a0 100644
--- a/packages/itwinui-css/src/carousel/carousel.scss
+++ b/packages/itwinui-css/src/carousel/carousel.scss
@@ -1,7 +1,6 @@
 // Copyright (c) Bentley Systems, Incorporated. All rights reserved.
 // See LICENSE.md in the project root for license terms and full copyright notice.
 @use '../mixins';
-@use '../button/base';
 
 @mixin hide-scrollbar {
   overflow-x: auto;
@@ -75,12 +74,11 @@
   }
 
   &-dot {
-    @include base.iui-button-size($size: small);
     background-color: transparent;
     border: none;
     cursor: pointer;
-    block-size: var(--_iui-button-height);
-    padding-inline: var(--_iui-button-padding-inline);
+    block-size: var(--iui-component-height-small);
+    padding-inline: var(--iui-size-xs);
 
     &:hover::after {
       background-color: var(--iui-color-icon-muted-hover);