diff --git a/src/collections/programs/hacktoberfest-2023/index.mdx b/src/collections/programs/hacktoberfest-2023/index.mdx
index 4f5a020f4a4d4..a489c833ad12a 100644
--- a/src/collections/programs/hacktoberfest-2023/index.mdx
+++ b/src/collections/programs/hacktoberfest-2023/index.mdx
@@ -33,4 +33,4 @@ Prepare for Hacktoberfest and ready yourself for contributing to CNCF projects t
 
 Earn a Badge
 Earn a Hacktoberfest Contributor badge by contributing to Layer5 projects during this Hacktoberfest.
-<img src={hacktoberfestBadge} style={{ width: "250px" }}/>
\ No newline at end of file
+<img src={hacktoberfestBadge} style={{ width: "250px" }}/>
diff --git a/src/components/Features-carousel/FeaturesCarousel.style.js b/src/components/Features-carousel/FeaturesCarousel.style.js
index d7ce10adc064e..4792431d8a011 100644
--- a/src/components/Features-carousel/FeaturesCarousel.style.js
+++ b/src/components/Features-carousel/FeaturesCarousel.style.js
@@ -2,9 +2,32 @@ import styled from "styled-components";
 
 export const FeaturesWrapper = styled.div`
     .features-carousel {
+      width: 100%;
+      display: block;
+      min-height: 400px;
+      height: auto;
+      padding-bottom: 2rem;
+      visibility: visible;
+      opacity: 1;
+      overflow: visible;
+      
       @media (min-width: 768px) {
        display:none;
       }
+
+      /* Force visibility of slider content */
+      .slick-slider, .slick-list, .slick-track, .slick-slide {
+        display: block;
+        min-height: 200px;
+        height: auto;
+        visibility: visible;
+      }
+      .slick-slide > div {
+          height: 100%; /* Ensure inner div takes height */
+          min-height: 200px;
+      }
+
+
       img{
         object-fit:contain;
         margin-left:auto;
@@ -13,6 +36,7 @@ export const FeaturesWrapper = styled.div`
      
       .main-heading{
         margin-bottom: 2rem;
+        text-align: center;
       }
 
       .feature {
diff --git a/src/sections/Meshery/Meshery-features/index.js b/src/sections/Meshery/Meshery-features/index.js
index 063d1f0bf9154..38eaa09e6207d 100644
--- a/src/sections/Meshery/Meshery-features/index.js
+++ b/src/sections/Meshery/Meshery-features/index.js
@@ -15,9 +15,17 @@ import img7 from "./feature-images/extensions.webp";
 const MesheryFeaturesWrapper = styled.div`
     margin: auto;
     margin-top: 4rem;
+    width: 100%;
+    
     @media (max-width: 32rem){
         margin-top: 4rem;
     }
+    
+    @media (max-width: 767px){
+        display: block;
+        visibility: visible;
+        opacity: 1;
+    }
 
     .feature-expose {
     img {