Sync from huggingface/lerobot-dataset-visualizer via hub-sync

src/components/action-insights-panel.tsx

@@ -1600,7 +1600,7 @@ function ActionInsightsPanel({
   const showAgg = mode === "dataset" && !!crossEpisodeData;
 
   return (
-    <div className="max-w-5xl mx-auto py-6 space-y-8">
+    <div className="w-full max-w-5xl mx-auto py-6 space-y-8">
       <div className="flex items-center justify-between flex-wrap gap-4">
         <div>
           <h2 className="text-xl font-bold text-slate-100">Action Insights</h2>

src/components/filtering-panel.tsx

@@ -359,7 +359,7 @@ function FilteringPanel({
   onViewFlaggedEpisodes,
 }: FilteringPanelProps) {
   return (
-    <div className="max-w-5xl mx-auto py-6 space-y-8">
+    <div className="w-full max-w-5xl mx-auto py-6 space-y-8">
       <div>
         <h2 className="text-xl font-bold text-slate-100">Filtering</h2>
         <p className="text-sm text-slate-400 mt-1">

src/components/overview-panel.tsx

@@ -207,7 +207,7 @@ export default function OverviewPanel({
   const pageFrames = frames.slice(page * PAGE_SIZE, (page + 1) * PAGE_SIZE);
 
   return (
-    <div className="max-w-7xl mx-auto py-6 space-y-5">
+    <div className="w-full max-w-7xl mx-auto py-6 space-y-5">
       <div>
         <h2 className="text-xl font-bold text-slate-100">Frames</h2>
         <p className="text-sm text-slate-400 mt-1">

src/components/stats-panel.tsx

@@ -125,7 +125,7 @@ function StatsPanel({
   const els = episodeLengthStats;
 
   return (
-    <div className="max-w-4xl mx-auto py-6 space-y-8">
+    <div className="w-full max-w-4xl mx-auto py-6 space-y-8">
       <div>
         <h2 className="text-xl text-slate-100">
           <span className="font-bold">Dataset Statistics:</span>{" "}