diff --git a/src/components/SupportedServices/index.tsx b/src/components/SupportedServices/index.tsx
index 05549dd..c3f968d 100644
--- a/src/components/SupportedServices/index.tsx
+++ b/src/components/SupportedServices/index.tsx
@@ -16,29 +16,30 @@ export const SupportedServices = () => {
                 <div className={styles.HeaderContainer} data-aos="flip-left" data-aos-duration="1000">
                 <h2 className={styles.Tagline}>We Support</h2>
                 <Spacer height={20} />
-                <Slider
-                    width="300px"
-                    duration={40}
-                    pauseOnHover={true}
-                    blurBorders={false}
-                    blurBoderColor={'#fff'}
-                >
-                    <Slider.Slide>
-                        <img src={datadogUrl} style={{padding:"25px 0px"}}/>
-                    </Slider.Slide>
-                    <Slider.Slide>
-                        <img src={githubActionsgUrl} style={{padding:"25px 0px"}} />
-                    </Slider.Slide>
-                    <Slider.Slide>
-                        <img src={sentryUrl} style={{padding:"25px 0px"}} />
-                    </Slider.Slide>
-                    <Slider.Slide>
-                        <img src={newRelicUrl} style={{padding:"10px"}} />
-                    </Slider.Slide>
-                    <Slider.Slide>
-                        <img src={azureDevopscUrl} style={{padding:"10px"}} />
-                    </Slider.Slide>
-                </Slider>
+                <div className={styles.Slider} >
+                    <Slider
+                        width="250px"
+                        duration={25}
+                        pauseOnHover={true}
+                        blurBorders={false}
+                    >
+                        <Slider.Slide>
+                            <img src={datadogUrl} style={{padding:"25px 0px"}}/>
+                        </Slider.Slide>
+                        <Slider.Slide>
+                            <img src={githubActionsgUrl} style={{padding:"25px 0px"}} />
+                        </Slider.Slide>
+                        <Slider.Slide>
+                            <img src={sentryUrl} style={{padding:"25px 0px"}} />
+                        </Slider.Slide>
+                        <Slider.Slide>
+                            <img src={newRelicUrl} style={{padding:"10px"}} />
+                        </Slider.Slide>
+                        <Slider.Slide>
+                            <img src={azureDevopscUrl} style={{padding:"10px"}} />
+                        </Slider.Slide>
+                    </Slider>
+                </div>
                 </div>
             </div>
         </div>
diff --git a/src/components/SupportedServices/styles.module.css b/src/components/SupportedServices/styles.module.css
index f94f176..d602127 100644
--- a/src/components/SupportedServices/styles.module.css
+++ b/src/components/SupportedServices/styles.module.css
@@ -15,6 +15,10 @@
   transform: skewY(2deg);
 }
 
+.Slider {
+  max-width: var(--ifm-container-width-xl);
+}
+
 .HeaderContainer {
   display: flex;
   flex: 1;
diff --git a/static/img/azure_devops.png b/static/img/azure_devops.png
index d62ba9c..4fcbe06 100644
Binary files a/static/img/azure_devops.png and b/static/img/azure_devops.png differ
diff --git a/static/img/datadog.webp b/static/img/datadog.webp
index 9144f80..072eada 100644
Binary files a/static/img/datadog.webp and b/static/img/datadog.webp differ
diff --git a/static/img/github_actions.png b/static/img/github_actions.png
index 49d69cf..97cf238 100644
Binary files a/static/img/github_actions.png and b/static/img/github_actions.png differ
diff --git a/static/img/new_relic.webp b/static/img/new_relic.webp
index bed6497..8e3e2e5 100644
Binary files a/static/img/new_relic.webp and b/static/img/new_relic.webp differ
diff --git a/static/img/sentry.png b/static/img/sentry.png
index e840f36..2921405 100644
Binary files a/static/img/sentry.png and b/static/img/sentry.png differ