diff --git a/client/package-lock.json b/client/package-lock.json
index 6946364..1b3d4f1 100644
--- a/client/package-lock.json
+++ b/client/package-lock.json
@@ -22298,6 +22298,11 @@
         "object-assign": "4.x"
       }
     },
+    "add-px-to-style": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/add-px-to-style/-/add-px-to-style-1.0.0.tgz",
+      "integrity": "sha1-0ME1RB+oAUqBN5BFMQlvZ/KPJjo="
+    },
     "address": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/address/-/address-1.1.2.tgz",
@@ -25563,6 +25568,16 @@
         "utila": "~0.4"
       }
     },
+    "dom-css": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/dom-css/-/dom-css-2.1.0.tgz",
+      "integrity": "sha1-/bwtWgFdCj4YcuEUcrvQ57nmogI=",
+      "requires": {
+        "add-px-to-style": "1.0.0",
+        "prefix-style": "2.0.1",
+        "to-camel-case": "1.0.0"
+      }
+    },
     "dom-helpers": {
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/dom-helpers/-/dom-helpers-5.2.0.tgz",
@@ -32762,6 +32777,11 @@
         "uniq": "^1.0.1"
       }
     },
+    "prefix-style": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/prefix-style/-/prefix-style-2.0.1.tgz",
+      "integrity": "sha1-ZrupqHDP2jCKXcIOhekSCTLJWgY="
+    },
     "prelude-ls": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.1.2.tgz",
@@ -33889,6 +33909,16 @@
         "prop-types": "^15.7.2"
       }
     },
+    "react-custom-scrollbars": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/react-custom-scrollbars/-/react-custom-scrollbars-4.2.1.tgz",
+      "integrity": "sha1-gw/ZUCkn6X6KeMIIaBOJmyqLZts=",
+      "requires": {
+        "dom-css": "^2.0.0",
+        "prop-types": "^15.5.10",
+        "raf": "^3.1.0"
+      }
+    },
     "react-dev-utils": {
       "version": "9.1.0",
       "resolved": "https://registry.npmjs.org/react-dev-utils/-/react-dev-utils-9.1.0.tgz",
@@ -36235,11 +36265,24 @@
       "resolved": "https://registry.npmjs.org/to-buffer/-/to-buffer-1.1.1.tgz",
       "integrity": "sha512-lx9B5iv7msuFYE3dytT+KE5tap+rNYw+K4jVkb9R/asAb+pbBSM17jtunHplhBe6RRJdZx3Pn2Jph24O32mOVg=="
     },
+    "to-camel-case": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/to-camel-case/-/to-camel-case-1.0.0.tgz",
+      "integrity": "sha1-GlYFSy+daWKYzmamCJcyK29CPkY=",
+      "requires": {
+        "to-space-case": "^1.0.0"
+      }
+    },
     "to-fast-properties": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
       "integrity": "sha1-3F5pjL0HkmW8c+A3doGk5Og/YW4="
     },
+    "to-no-case": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/to-no-case/-/to-no-case-1.0.2.tgz",
+      "integrity": "sha1-xyKQcWTvaxeBMsjmmTAhLRtKoWo="
+    },
     "to-object-path": {
       "version": "0.3.0",
       "resolved": "https://registry.npmjs.org/to-object-path/-/to-object-path-0.3.0.tgz",
@@ -36273,6 +36316,14 @@
         "repeat-string": "^1.6.1"
       }
     },
+    "to-space-case": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/to-space-case/-/to-space-case-1.0.0.tgz",
+      "integrity": "sha1-sFLar7Gysp3HcM6gFj5ewOvJ/Bc=",
+      "requires": {
+        "to-no-case": "^1.0.0"
+      }
+    },
     "toggle-selection": {
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/toggle-selection/-/toggle-selection-1.0.6.tgz",
diff --git a/client/package.json b/client/package.json
index 43ec495..ac277ee 100644
--- a/client/package.json
+++ b/client/package.json
@@ -12,6 +12,7 @@
     "react": "16.11.0",
     "react-audio-player": "^0.14.0",
     "react-chartjs-2": "^2.11.1",
+    "react-custom-scrollbars": "^4.2.1",
     "react-dom": "16.11.0",
     "react-h5-audio-player": "^3.5.0",
     "react-identicons": "^1.2.4",
diff --git a/client/src/containers/Body/components/Explore.js b/client/src/containers/Body/components/Explore.js
index 1491099..86b91d3 100644
--- a/client/src/containers/Body/components/Explore.js
+++ b/client/src/containers/Body/components/Explore.js
@@ -4,6 +4,7 @@ import { HeartFilled, HeartOutlined, SendOutlined } from "@ant-design/icons";
 import Identicon from "identicon.js";
 import Ethlogo from "../../../assets/images/ethlogo.png";
 import AudioPlayer from "react-h5-audio-player";
+import { Scrollbars } from 'react-custom-scrollbars';
 import "react-h5-audio-player/lib/styles.css";
 import "../style.css";
 
@@ -55,18 +56,21 @@ export default class Explore extends Component {
               height: "100vh",
             }}
           >
+            <Scrollbars>
             <Card
               style={{
                 width: "90%",
                 height: "100%",
                 display: "flex",
                 justifyContent: "center",
-                overflowY: "scroll",
+                //overflowY: "scroll",
                 marginBottom: 20,
               }}
               hoverable
             >
+              
               <Row gutter={10}>
+                
                 {uploads
                   .filter(
                     (upload) =>
@@ -257,8 +261,11 @@ export default class Explore extends Component {
                       </Col>
                     );
                   })}
+                 
               </Row>
+              
             </Card>
+            </Scrollbars>
           </Col>
         </Row>
       </div>