diff --git a/src/components/molecules/sidebar/content/Collections.js b/src/components/molecules/sidebar/content/Collections.js
index 153d6c0..0af1e23 100644
--- a/src/components/molecules/sidebar/content/Collections.js
+++ b/src/components/molecules/sidebar/content/Collections.js
@@ -59,7 +59,7 @@ const Collections = ({ collections }) => {
 
   return (
     <div
-      className='h-[87vh] flex-auto overflow-scroll'
+      className='h-[87vh] flex-auto overflow-auto'
       onClick={(event) => {
         const clickFromElementDataSet = event.target.dataset;
         const clickFrom = clickFromElementDataSet?.clickFrom;
diff --git a/src/components/molecules/sidebar/content/Environments.js b/src/components/molecules/sidebar/content/Environments.js
index 68c73f9..b9b3faf 100644
--- a/src/components/molecules/sidebar/content/Environments.js
+++ b/src/components/molecules/sidebar/content/Environments.js
@@ -12,7 +12,7 @@ const Environments = ({ collections }) => {
 
   return (
     <div
-      className='h-[87vh] flex-auto overflow-scroll'
+      className='h-[87vh] flex-auto overflow-auto'
       onClick={(event) => {
         const clickFromElementDataSet = event.target.dataset;
         const clickFrom = clickFromElementDataSet?.clickFrom;
diff --git a/src/components/organisms/SideBar.js b/src/components/organisms/SideBar.js
index c1fa25e..94f65ba 100644
--- a/src/components/organisms/SideBar.js
+++ b/src/components/organisms/SideBar.js
@@ -7,7 +7,7 @@ import Content from 'components/molecules/sidebar/content';
 const SideBar = () => {
   const collections = useCollectionStore((state) => state.collections);
   return (
-    <div className='flex-auto overflow-scroll'>
+    <div className='flex-auto overflow-auto'>
       <SideBarHeader />
       <>{collections.length != 0 ? <Content collections={collections} /> : <Empty />}</>
     </div>