diff --git a/packages/grafana-ui/src/components/Carousel/Carousel.tsx b/packages/grafana-ui/src/components/Carousel/Carousel.tsx
index f6ce2b239a2..b205eb4e7ac 100644
--- a/packages/grafana-ui/src/components/Carousel/Carousel.tsx
+++ b/packages/grafana-ui/src/components/Carousel/Carousel.tsx
@@ -143,7 +143,7 @@ export const Carousel: React.FC<CarouselProps> = ({ images }) => {
                 data-testid="previous-button"
               />
 
-              <div data-testid="carousel-full-image">
+              <div className={styles.imageContainer} data-testid="carousel-full-image">
                 <img
                   className={styles.imagePreview}
                   src={validImages[selectedIndex].path}
@@ -171,6 +171,11 @@ const getStyles = (theme: GrafanaTheme2) => ({
   imageButton: css({
     textAlign: 'left',
   }),
+  imageContainer: css({
+    display: 'flex',
+    justifyContent: 'center',
+    flex: 1,
+  }),
   imagePreview: css({
     maxWidth: '100%',
     maxHeight: '80vh',