Add scrollbar to HeadDetails

To not overflow when having many participants.
cardano-scaling · Mar 7, 2024 · 465597e · 465597e
1 parent c1e13d5
commit 465597e
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/hydra-explorer/web/src/components/HeadDetails/index.tsx b/hydra-explorer/web/src/components/HeadDetails/index.tsx
@@ -38,7 +38,7 @@ const HeadDetails: React.FC<HeadDetailsProps> = ({ head, onClose }) => {
 
     return (
         <div className="fixed inset-0 flex items-center justify-center bg-gray-900 bg-opacity-50 z-50">
-            <div className="bg-gray-800 p-6 rounded-lg shadow-xl relative">
+            <div className="bg-gray-800 p-6 rounded-lg shadow-xl relative overflow-auto max-h-screen">
                 <button
                     className="absolute top-4 right-4 bg-red-500 hover:bg-red-700 text-white font-bold py-2 px-4 rounded"
                     onClick={onClose}