diff --git a/libs/remix-ui/home-tab/src/lib/components/customButtonGroupDots.tsx b/libs/remix-ui/home-tab/src/lib/components/customButtonGroupDots.tsx
new file mode 100644
index 0000000000..365d86971e
--- /dev/null
+++ b/libs/remix-ui/home-tab/src/lib/components/customButtonGroupDots.tsx
@@ -0,0 +1,15 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import React from 'react'
+
+const CustomButtonGroupDots = ({ next, previous, goToSlide, ...rest }) => {
+  const { carouselState: { currentSlide, totalItems } } = rest
+
+  return (
+    <div style={{ textAlign: "center" }}>
+      <button onClick={() => goToSlide(currentSlide - 1)}></button>
+      <button onClick={() => goToSlide(currentSlide + 1)}></button>
+    </div>
+  )
+}
+
+export default CustomButtonGroupDots
diff --git a/libs/remix-ui/home-tab/src/lib/components/homeTabFeatured.tsx b/libs/remix-ui/home-tab/src/lib/components/homeTabFeatured.tsx
index 5af5c58d73..3e145a5473 100644
--- a/libs/remix-ui/home-tab/src/lib/components/homeTabFeatured.tsx
+++ b/libs/remix-ui/home-tab/src/lib/components/homeTabFeatured.tsx
@@ -14,16 +14,6 @@ function HomeTabFeatured() {
     }
   }, [])
 
-  const ButtonGroup = () => {
-    return (
-      <>
-        <button>One</button>
-        <button>Two</button>
-        <button>Three</button>
-      </>
-    );
-  };
-
   return (
     <div className="pt-3 pl-2" id="hTFeaturedeSection">
       <label style={{ fontSize: "1.2rem" }}>Featured</label>
@@ -41,7 +31,6 @@ function HomeTabFeatured() {
               ssr={true} // means to render carousel on server-side.
               infinite={true}
               centerMode={false}
-              partialVisible={false}
               autoPlay={true}
               keyBoardControl={true}
               containerClass="border carousel-container"