diff --git a/src/images/screenshots/camel-route.png b/src/images/screenshots/camel-route.png
index 9ab143c..af42cc0 100644
Binary files a/src/images/screenshots/camel-route.png and b/src/images/screenshots/camel-route.png differ
diff --git a/src/images/screenshots/jmx.png b/src/images/screenshots/jmx.png
index 153b74c..6cd381c 100644
Binary files a/src/images/screenshots/jmx.png and b/src/images/screenshots/jmx.png differ
diff --git a/src/images/screenshots/spring-boot.png b/src/images/screenshots/spring-boot.png
index 3784ce9..9dbe54f 100644
Binary files a/src/images/screenshots/spring-boot.png and b/src/images/screenshots/spring-boot.png differ
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index e6b9201..ab23fa4 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -44,19 +44,19 @@ const IndexPage = () => {
               <Carousel.Item>
                 <img alt='Camel' src={screenshotCamel} />
                 <Carousel.Caption>
-                  <h3 style={{ paddingBottom: '1.5rem' }}>Camel Routes</h3>
+                  <h3 style={{ margin: '0' }}>Camel Routes</h3>
                 </Carousel.Caption>
               </Carousel.Item>
               <Carousel.Item>
                 <img alt='JMX' src={screenshotJmx} />
                 <Carousel.Caption>
-                  <h3 style={{ paddingBottom: '1.5rem' }}>JMX MBeans</h3>
+                  <h3 style={{ margin: '0' }}>JMX MBeans</h3>
                 </Carousel.Caption>
               </Carousel.Item>
               <Carousel.Item>
                 <img alt='Spring Boot' src={screenshotSpringBoot} />
                 <Carousel.Caption>
-                  <h3 style={{ paddingBottom: '1.5rem' }}>Spring Boot</h3>
+                  <h3 style={{ margin: '0' }}>Spring Boot</h3>
                 </Carousel.Caption>
               </Carousel.Item>
             </Carousel>