diff --git a/frontend/src/AppBuilder/Widgets/Container.jsx b/frontend/src/AppBuilder/Widgets/Container.jsx
index 3ccedd869b..16623280a5 100644
--- a/frontend/src/AppBuilder/Widgets/Container.jsx
+++ b/frontend/src/AppBuilder/Widgets/Container.jsx
@@ -45,7 +45,6 @@ export const Container = ({
     border: `1px solid ${borderColor}`,
     height,
     display: isVisible ? 'flex' : 'none',
-    overflow: 'hidden auto',
     position: 'relative',
     boxShadow,
   };
@@ -66,9 +65,7 @@ export const Container = ({
 
   return (
     <div
-      className={`jet-container tw-flex tw-flex-col ${isLoading && 'jet-container-loading'} ${
-        properties.showHeader && 'jet-container--with-header'
-      }`}
+      className={`jet-container widget-type-container ${properties.loadingState && 'jet-container-loading'}`}
       id={id}
       data-disabled={isDisabled}
       style={computedStyles}
diff --git a/frontend/src/_styles/components.scss b/frontend/src/_styles/components.scss
index 5f742b2153..e84756dca7 100644
--- a/frontend/src/_styles/components.scss
+++ b/frontend/src/_styles/components.scss
@@ -493,4 +493,13 @@ $btn-dark-color: #FFFFFF;
       }
     }
   }
+}
+
+//[Container-widget]Show scrollbar only on hover
+.widget-type-container {
+  overflow: hidden auto;
+  scrollbar-width: none;
+  &:hover {
+    scrollbar-width: auto;
+  }
 }
\ No newline at end of file