diff --git a/web/src/Sidebar.jsx b/web/src/Sidebar.jsx
index 4497dba15..96bd5c52a 100644
--- a/web/src/Sidebar.jsx
+++ b/web/src/Sidebar.jsx
@@ -69,9 +69,11 @@ function CameraSection({ sortedCameras }) {
   return (
     <Fragment>
       <Separator />
-      {sortedCameras.map(([camera]) => (
-        <Destination key={camera} href={`/cameras/${camera}`} text={camera.replaceAll('_', ' ')} />
-      ))}
+      <div className="overflow-auto pr-2">
+        {sortedCameras.map(([camera]) => (
+          <Destination key={camera} href={`/cameras/${camera}`} text={camera.replaceAll('_', ' ')} />
+        ))}   
+      </div>
       <Separator />
     </Fragment>
   );
@@ -82,16 +84,18 @@ function RecordingSection({ sortedCameras }) {
   return (
     <Fragment>
       <Separator />
-      {sortedCameras.map(([camera, _]) => {
-        return (
-          <Destination
-            key={camera}
-            path={`/recording/${camera}/:date?/:hour?/:seconds?`}
-            href={`/recording/${camera}`}
-            text={camera.replaceAll('_', ' ')}
-          />
-        );
-      })}
+      <div className="overflow-auto pr-2">
+        {sortedCameras.map(([camera, _]) => {
+          return (
+            <Destination
+              key={camera}
+              path={`/recording/${camera}/:date?/:hour?/:seconds?`}
+              href={`/recording/${camera}`}
+              text={camera.replaceAll('_', ' ')}
+            />
+          );
+        })}
+      </div>
       <Separator />
     </Fragment>
   );