diff --git a/src/tailwind/Components/AnimatedList/AnimatedList.jsx b/src/tailwind/Components/AnimatedList/AnimatedList.jsx
index 01adea29..074d72af 100644
--- a/src/tailwind/Components/AnimatedList/AnimatedList.jsx
+++ b/src/tailwind/Components/AnimatedList/AnimatedList.jsx
@@ -109,8 +109,8 @@ const AnimatedList = ({
         }`}
         onScroll={handleScroll}
         style={{
-          scrollbarWidth: 'thin',
-          scrollbarColor: '#222 #060606',
+          scrollbarWidth: displayScrollbar ? "thin" : "none",
+          scrollbarColor: "#222 #060606",
         }}
       >
         {items.map((item, index) => (
diff --git a/src/ts-tailwind/Components/AnimatedList/AnimatedList.tsx b/src/ts-tailwind/Components/AnimatedList/AnimatedList.tsx
index 7dc2078e..8f995458 100644
--- a/src/ts-tailwind/Components/AnimatedList/AnimatedList.tsx
+++ b/src/ts-tailwind/Components/AnimatedList/AnimatedList.tsx
@@ -160,7 +160,7 @@ const AnimatedList: React.FC<AnimatedListProps> = ({
         }`}
         onScroll={handleScroll}
         style={{
-          scrollbarWidth: "thin",
+          scrollbarWidth: displayScrollbar ? "thin" : "none",
           scrollbarColor: "#222 #060606",
         }}
       >