diff --git a/tests/k6/generate-test-data.js b/tests/k6/generate-test-data.js
index 940fbbc..36bebdf 100644
--- a/tests/k6/generate-test-data.js
+++ b/tests/k6/generate-test-data.js
@@ -16,10 +16,10 @@ const config = {
   environments: ['development', 'integration', 'tnr', 'uat', 'preproduction', 'production'],
   priorities: { p1: 1, p2: 2, p3: 3, p4: 4, p5: 5 },
   statuses: {
-    deployment: ['start', 'success', 'failure'],
+    deployment: ['planned', 'start', 'success', 'failure'],
     incident: ['open', 'close'],
     drift: ['open', 'done', 'warning'],
-    operation: ['start', 'success', 'failure', 'done'],
+    operation: ['planned', 'start', 'success', 'failure', 'done'],
     rpa_usage: ['success', 'failure', 'warning'],
   },
   catalog: {
@@ -740,7 +740,7 @@ export default function () {
             message: `Deployment of ${service} version ${version}`,
             source: randomElement(['github_actions', 'gitlab_ci', 'argocd']),
             type: 'deployment',
-            priority: env === 'production' ? randomElement(['p1', 'p2']) : randomElement(['p3', 'p4']),
+            priority: env === 'production' ? randomElement([1, 2]) : randomElement([3, 4]),
             service: service,
             status: status,
             environment: env,
@@ -778,7 +778,7 @@ export default function () {
             message: `Incident: ${incident} on ${service}`,
             source: randomElement(['prometheus', 'datadog', 'manual']),
             type: 'incident',
-            priority: env === 'production' ? 'p1' : 'p2',
+            priority: env === 'production' ? 1 : 2,
             service: service,
             status: status,
             environment: env,
@@ -815,7 +815,7 @@ export default function () {
             message: `Configuration drift: ${drift}`,
             source: 'terraform',
             type: 'drift',
-            priority: randomElement(['p2', 'p3']),
+            priority: randomElement([2, 3]),
             service: service,
             status: status,
             environment: env,
@@ -851,7 +851,7 @@ export default function () {
             message: `RPA process "${process}" executed`,
             source: 'uipath',
             type: 'rpa_usage',
-            priority: randomElement(['p3', 'p4']),
+            priority: randomElement([3, 4]),
             service: service,
             status: status,
             environment: env,
@@ -889,7 +889,7 @@ export default function () {
             message: `Operation: ${operation}`,
             source: randomElement(['manual', 'scheduled', 'automated']),
             type: 'operation',
-            priority: randomElement(['p2', 'p3']),
+            priority: randomElement([2, 3]),
             service: service,
             status: status,
             environment: env,
diff --git a/web/src/App.tsx b/web/src/App.tsx
index aac10b2..c2639de 100644
--- a/web/src/App.tsx
+++ b/web/src/App.tsx
@@ -24,7 +24,12 @@ import ThemeTest from './pages/ThemeTest'
 
 function App() {
   return (
-    <BrowserRouter>
+    <BrowserRouter
+      future={{
+        v7_startTransition: true,
+        v7_relativeSplatPath: true,
+      }}
+    >
       <Routes>
         <Route path="/" element={<Layout />}>
           <Route index element={<Navigate to="/dashboard" replace />} />
diff --git a/web/src/components/EventLinks.tsx b/web/src/components/EventLinks.tsx
index 64772f5..0cd54b2 100644
--- a/web/src/components/EventLinks.tsx
+++ b/web/src/components/EventLinks.tsx
@@ -1,7 +1,9 @@
 import type { EventLinks as EventLinksType } from '../types/api'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import { faGithub, faSlack, faJira } from '@fortawesome/free-brands-svg-icons'
-import { faRocket } from '@fortawesome/free-solid-svg-icons'
+import { faGithub, faJira } from '@fortawesome/free-brands-svg-icons'
+import { faRocket, faTicket, faExternalLink } from '@fortawesome/free-solid-svg-icons'
+import { SlackIcon } from './icons/SlackIcon'
+import { GrafanaIcon } from './icons/GrafanaIcon'
 import { getJiraTicketUrl, getSlackMessageUrl, parseSlackId } from '../config'
 
 interface EventLinksProps {
@@ -14,13 +16,7 @@ interface EventLinksProps {
 export default function EventLinks({ links, slackId, className = '' }: EventLinksProps) {
   const hasLinks = links?.pullRequestLink || links?.ticket || slackId
   
-  // Debug
-  console.log('EventLinks - links:', links)
-  console.log('EventLinks - ticket:', links?.ticket)
-  console.log('EventLinks - pullRequestLink:', links?.pullRequestLink)
-  
   if (!hasLinks) {
-    console.log('EventLinks - No links to display')
     return null
   }
 
@@ -35,7 +31,7 @@ export default function EventLinks({ links, slackId, className = '' }: EventLink
           className="inline-flex items-center space-x-1 text-sm text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-gray-100 transition-colors"
           title={`Voir la Pull Request: ${links.pullRequestLink}`}
         >
-          <FontAwesomeIcon icon={faGithub} className="w-4 h-4 text-gray-800 dark:text-gray-300" />
+          <FontAwesomeIcon icon={faGithub} className="w-4 h-4" />
           <span>PR #{extractPRNumber(links.pullRequestLink)}</span>
         </a>
       )}
@@ -44,6 +40,10 @@ export default function EventLinks({ links, slackId, className = '' }: EventLink
       {links?.ticket && (() => {
         const ticketId = extractTicketId(links.ticket)
         const ticketUrl = getJiraTicketUrl(links.ticket)
+        // Détecter si c'est un lien Jira/Atlassian
+        const isJiraLink = ticketUrl.toLowerCase().includes('atlassian') || ticketUrl.toLowerCase().includes('jira')
+        const icon = isJiraLink ? faJira : faTicket
+        
         return (
           <a
             href={ticketUrl}
@@ -52,7 +52,7 @@ export default function EventLinks({ links, slackId, className = '' }: EventLink
             className="inline-flex items-center space-x-1 text-sm text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-gray-100 transition-colors"
             title={`View ticket: ${ticketId}`}
           >
-            <FontAwesomeIcon icon={faJira} className="w-4 h-4 text-blue-600 dark:text-blue-400" />
+            <FontAwesomeIcon icon={icon} className="w-4 h-4 text-blue-600 dark:text-blue-400" />
             <span>{ticketId}</span>
           </a>
         )
@@ -71,7 +71,7 @@ export default function EventLinks({ links, slackId, className = '' }: EventLink
               className="inline-flex items-center space-x-1 text-sm text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-gray-100 transition-colors"
               title="View in Slack"
             >
-              <FontAwesomeIcon icon={faSlack} className="w-4 h-4 text-purple-600 dark:text-purple-400" />
+              <SlackIcon className="w-4 h-4" />
               <span>Slack</span>
             </a>
           )
@@ -134,20 +134,20 @@ export function SourceIcon({ source, className = 'w-4 h-4' }: SourceIconProps) {
   const sourceLower = source.toLowerCase()
 
   if (sourceLower.includes('tracker')) {
-    return <FontAwesomeIcon icon={faRocket} className={`${className} icon-gradient`} />
+    return <FontAwesomeIcon icon={faRocket} className={`${className} text-gray-900 dark:text-gray-100`} />
   }
 
   if (sourceLower.includes('slack')) {
-    return <FontAwesomeIcon icon={faSlack} className={`${className} text-purple-600 dark:text-purple-400`} />
+    return <SlackIcon className={className} />
   }
 
   if (sourceLower.includes('github')) {
-    return <FontAwesomeIcon icon={faGithub} className={`${className} text-gray-800 dark:text-gray-300`} />
+    return <FontAwesomeIcon icon={faGithub} className={className} />
   }
 
-  if (sourceLower.includes('jira')) {
-    return <FontAwesomeIcon icon={faJira} className={`${className} text-blue-600 dark:text-blue-400`} />
+  if (sourceLower.includes('grafana')) {
+    return <GrafanaIcon className={className} />
   }
 
-  return null
+  return <FontAwesomeIcon icon={faExternalLink} className={className} />
 }
diff --git a/web/src/components/StaticModeBanner.tsx b/web/src/components/StaticModeBanner.tsx
index f3f46cb..f5ddc72 100644
--- a/web/src/components/StaticModeBanner.tsx
+++ b/web/src/components/StaticModeBanner.tsx
@@ -4,8 +4,12 @@ import { getMetadata } from '../lib/staticApi'
 
 export default function StaticModeBanner() {
   const [lastUpdate, setLastUpdate] = useState<string>('')
+  const isStaticMode = import.meta.env.VITE_STATIC_MODE === 'true'
 
   useEffect(() => {
+    // Only fetch metadata if we're in static mode
+    if (!isStaticMode) return
+    
     const fetchMetadata = async () => {
       try {
         const metadata = await getMetadata()
@@ -15,9 +19,7 @@ export default function StaticModeBanner() {
       }
     }
     fetchMetadata()
-  }, [])
-
-  const isStaticMode = import.meta.env.VITE_STATIC_MODE === 'true'
+  }, [isStaticMode])
   
   if (!isStaticMode) return null
 
diff --git a/web/src/components/icons/GrafanaIcon.tsx b/web/src/components/icons/GrafanaIcon.tsx
index db9e264..f032627 100644
--- a/web/src/components/icons/GrafanaIcon.tsx
+++ b/web/src/components/icons/GrafanaIcon.tsx
@@ -2,7 +2,7 @@ interface GrafanaIconProps {
   className?: string
 }
 
-export default function GrafanaIcon({ className = "w-4 h-4" }: GrafanaIconProps) {
+export function GrafanaIcon({ className = "w-4 h-4" }: GrafanaIconProps) {
   return (
     <img 
       src="/grafana.svg" 
diff --git a/web/src/components/icons/KotlinIcon.tsx b/web/src/components/icons/KotlinIcon.tsx
index 1ba5c64..e4e5d75 100644
--- a/web/src/components/icons/KotlinIcon.tsx
+++ b/web/src/components/icons/KotlinIcon.tsx
@@ -2,7 +2,7 @@ interface KotlinIconProps {
   className?: string
 }
 
-export default function KotlinIcon({ className = "w-4 h-4" }: KotlinIconProps) {
+export function KotlinIcon({ className = "w-4 h-4" }: KotlinIconProps) {
   return (
     <img 
       src="/kotlin.svg" 
diff --git a/web/src/components/icons/KubernetesIcon.tsx b/web/src/components/icons/KubernetesIcon.tsx
index 902a23f..30251eb 100644
--- a/web/src/components/icons/KubernetesIcon.tsx
+++ b/web/src/components/icons/KubernetesIcon.tsx
@@ -2,7 +2,7 @@ interface KubernetesIconProps {
   className?: string
 }
 
-export default function KubernetesIcon({ className = "w-4 h-4" }: KubernetesIconProps) {
+export function KubernetesIcon({ className = "w-4 h-4" }: KubernetesIconProps) {
   return (
     <img 
       src="/kubernetes.png" 
diff --git a/web/src/components/icons/SlackIcon.tsx b/web/src/components/icons/SlackIcon.tsx
index 487def4..31f128a 100644
--- a/web/src/components/icons/SlackIcon.tsx
+++ b/web/src/components/icons/SlackIcon.tsx
@@ -2,7 +2,7 @@ interface SlackIconProps {
   className?: string
 }
 
-export default function SlackIcon({ className = "w-4 h-4" }: SlackIconProps) {
+export function SlackIcon({ className = "w-4 h-4" }: SlackIconProps) {
   return (
     <img 
       src="/slack.svg" 
diff --git a/web/src/components/icons/TerraformIcon.tsx b/web/src/components/icons/TerraformIcon.tsx
index f1d735a..e214f6a 100644
--- a/web/src/components/icons/TerraformIcon.tsx
+++ b/web/src/components/icons/TerraformIcon.tsx
@@ -2,7 +2,7 @@ interface TerraformIconProps {
   className?: string
 }
 
-export default function TerraformIcon({ className = "w-4 h-4" }: TerraformIconProps) {
+export function TerraformIcon({ className = "w-4 h-4" }: TerraformIconProps) {
   return (
     <img 
       src="/terraform.svg" 
diff --git a/web/src/lib/api.ts b/web/src/lib/api.ts
index e2de9c9..610623a 100644
--- a/web/src/lib/api.ts
+++ b/web/src/lib/api.ts
@@ -9,7 +9,6 @@ const isStaticMode = import.meta.env.VITE_STATIC_MODE === 'true'
 // Configuration de l'URL de base de l'API
 const getApiBaseUrl = () => {
   const apiUrl = import.meta.env.VITE_API_BASE_URL || '/api/v1alpha1'
-  console.log('🔗 API Base URL:', apiUrl) // Debug temporaire
   return apiUrl
 }
 
@@ -200,8 +199,6 @@ const realCatalogApi = {
   },
 
   createOrUpdate: async (catalog: Catalog) => {
-    console.log('🌐 API: Sending catalog to backend:', JSON.stringify(catalog, null, 2))
-    
     // Convert to backend format (snake_case for dependencies, simple SLA)
     // IMPORTANT: Exclude version fields - they are managed separately via updateVersions endpoint
     const backendCatalog = {
@@ -273,10 +270,7 @@ const realCatalogApi = {
       // They are managed via separate updateVersions endpoint
     }
     
-    console.log('🔄 API: Converted for backend (no version fields):', JSON.stringify(backendCatalog, null, 2))
-    
     const { data } = await axiosInstance.put<{ catalog: any }>('/catalog', backendCatalog)
-    console.log('✅ API: Received response:', JSON.stringify(data, null, 2))
     
     // Convert response back to frontend format
     const frontendCatalog: Catalog = {
@@ -314,8 +308,6 @@ const realCatalogApi = {
   },
 
   updateVersions: async (name: string, versions: string[], latestVersion?: string, referenceVersion?: string) => {
-    console.log('🔧 API: Updating versions for service:', name, { versions, latestVersion, referenceVersion })
-    
     const requestData = {
       name,
       available_versions: versions,
@@ -323,10 +315,7 @@ const realCatalogApi = {
       reference_version: referenceVersion
     }
     
-    console.log('📤 API: Sending version update:', JSON.stringify(requestData, null, 2))
-    
     const { data } = await axiosInstance.put<{ catalog: any }>(`/catalog/${name}/versions`, requestData)
-    console.log('✅ API: Version update response:', JSON.stringify(data, null, 2))
     
     // Convert response back to frontend format
     const frontendCatalog: Catalog = {
@@ -354,18 +343,13 @@ const realCatalogApi = {
   },
 
   updateDependencies: async (name: string, dependenciesIn: string[], dependenciesOut: string[]) => {
-    console.log('🔧 API: Updating dependencies for service:', name, { dependenciesIn, dependenciesOut })
-    
     const requestData = {
       name,
       dependencies_in: dependenciesIn,
       dependencies_out: dependenciesOut
     }
     
-    console.log('📤 API: Sending dependencies update:', JSON.stringify(requestData, null, 2))
-    
     const { data } = await axiosInstance.put<{ catalog: any }>(`/catalog/${name}/dependencies`, requestData)
-    console.log('✅ API: Dependencies update response:', JSON.stringify(data, null, 2))
     
     // Convert response back to frontend format
     const frontendCatalog: Catalog = {
diff --git a/web/src/lib/eventUtils.tsx b/web/src/lib/eventUtils.tsx
index 4fc969d..78b5959 100644
--- a/web/src/lib/eventUtils.tsx
+++ b/web/src/lib/eventUtils.tsx
@@ -9,36 +9,28 @@ export const getEventTypeIcon = (type: EventType | string, className: string = '
   // Normaliser le type en string lowercase
   const typeStr = String(type).toLowerCase()
   
-  console.log('🔍 getEventTypeIcon:', type, '→', typeStr)
-  
   switch (typeStr) {
     case 'deployment':
     case '1':
-      console.log('✅ → ROCKET (Déploiement)')
       return <FontAwesomeIcon icon={faRocket} className={`${finalClass} icon-gradient-blue`} />
     
     case 'operation':
     case '2':
-      console.log('✅ → WRENCH (Opération)')
       return <FontAwesomeIcon icon={faWrench} className={`${finalClass} icon-gradient-purple`} />
     
     case 'drift':
     case '3':
-      console.log('✅ → CODE_BRANCH (Drift)')
       return <FontAwesomeIcon icon={faCodeBranch} className={`${finalClass} icon-gradient-yellow`} />
     
     case 'incident':
     case '4':
-      console.log('✅ → FIRE (Incident)')
       return <FontAwesomeIcon icon={faFire} className={`${finalClass} icon-gradient-red`} />
     
     case 'rpa_usage':
     case '5':
-      console.log('✅ → ROBOT (RPA Usage)')
       return <FontAwesomeIcon icon={faRobot} className={`${finalClass} icon-gradient`} />
     
     default:
-      console.warn('⚠️ Type inconnu:', type, typeStr)
       return <FontAwesomeIcon icon={faFire} className={`${finalClass} text-gray-600 dark:text-gray-400`} />
   }
 }
diff --git a/web/src/lib/staticApi.ts b/web/src/lib/staticApi.ts
index 2c04893..62700c8 100644
--- a/web/src/lib/staticApi.ts
+++ b/web/src/lib/staticApi.ts
@@ -181,8 +181,6 @@ export const staticCatalogApi = {
 
   updateVersions: async (name: string, versions: string[], latestVersion?: string, referenceVersion?: string) => {
     // Mock version update for static mode
-    console.log('🔧 Static API: Mock updating versions for service:', name, { versions, latestVersion, referenceVersion })
-    
     // In static mode, we just return a mock response
     return {
       name,
diff --git a/web/src/pages/AllDriftsList.tsx b/web/src/pages/AllDriftsList.tsx
index ffaa55c..da1a50d 100644
--- a/web/src/pages/AllDriftsList.tsx
+++ b/web/src/pages/AllDriftsList.tsx
@@ -52,7 +52,6 @@ export default function AllDriftsList() {
         type: EventType.DRIFT as unknown as number,
       }
 
-      console.log('Loading all drifts:', searchParams)
       const data = await eventsApi.search(searchParams)
       
       setDrifts(data.events || [])
diff --git a/web/src/pages/CatalogDependencies.tsx b/web/src/pages/CatalogDependencies.tsx
index cdb2cd3..32365e7 100644
--- a/web/src/pages/CatalogDependencies.tsx
+++ b/web/src/pages/CatalogDependencies.tsx
@@ -22,7 +22,7 @@ import { useMemo, useState, useCallback } from 'react'
 import { Button } from '../components/ui/button'
 import { Input } from '../components/ui/input'
 import { Badge } from '../components/ui/badge'
-import KubernetesIcon from '../components/icons/KubernetesIcon'
+import { KubernetesIcon } from '../components/icons/KubernetesIcon'
 
 type LayoutType = 'circular' | 'hierarchical' | 'force' | 'grid'
 type ViewMode = 'graph' | 'list'
diff --git a/web/src/pages/CatalogDetail.tsx b/web/src/pages/CatalogDetail.tsx
index 9031d06..e9c65fc 100644
--- a/web/src/pages/CatalogDetail.tsx
+++ b/web/src/pages/CatalogDetail.tsx
@@ -23,11 +23,11 @@ import {
   faCube,
   faComments
 } from '@fortawesome/free-solid-svg-icons'
-import KubernetesIcon from '../components/icons/KubernetesIcon'
-import KotlinIcon from '../components/icons/KotlinIcon'
-import TerraformIcon from '../components/icons/TerraformIcon'
-import SlackIcon from '../components/icons/SlackIcon'
-import GrafanaIcon from '../components/icons/GrafanaIcon'
+import { KubernetesIcon } from '../components/icons/KubernetesIcon'
+import { KotlinIcon } from '../components/icons/KotlinIcon'
+import { TerraformIcon } from '../components/icons/TerraformIcon'
+import { SlackIcon } from '../components/icons/SlackIcon'
+import { GrafanaIcon } from '../components/icons/GrafanaIcon'
 import {
   ReactFlow,
   Node, 
diff --git a/web/src/pages/CatalogTable.tsx b/web/src/pages/CatalogTable.tsx
index 59f8dfc..be8e939 100644
--- a/web/src/pages/CatalogTable.tsx
+++ b/web/src/pages/CatalogTable.tsx
@@ -33,11 +33,11 @@ import {
 } from '@fortawesome/free-solid-svg-icons'
 import { Button } from '../components/ui/button'
 import { Input } from '../components/ui/input'
-import KubernetesIcon from '../components/icons/KubernetesIcon'
-import KotlinIcon from '../components/icons/KotlinIcon'
-import TerraformIcon from '../components/icons/TerraformIcon'
-import SlackIcon from '../components/icons/SlackIcon'
-import GrafanaIcon from '../components/icons/GrafanaIcon'
+import { KubernetesIcon } from '../components/icons/KubernetesIcon'
+import { KotlinIcon } from '../components/icons/KotlinIcon'
+import { TerraformIcon } from '../components/icons/TerraformIcon'
+import { SlackIcon } from '../components/icons/SlackIcon'
+import { GrafanaIcon } from '../components/icons/GrafanaIcon'
 import { Badge } from '../components/ui/badge'
 import { Checkbox } from '../components/ui/checkbox'
 import { Separator } from '../components/ui/separator'
diff --git a/web/src/pages/CreateCatalog.tsx b/web/src/pages/CreateCatalog.tsx
index e94e5e3..1f4cdff 100644
--- a/web/src/pages/CreateCatalog.tsx
+++ b/web/src/pages/CreateCatalog.tsx
@@ -82,8 +82,10 @@ export default function CreateCatalog() {
     e.preventDefault()
     if (!formData.name || !formData.owner) return
     
-    // Debug: Log the data being sent
-    console.log('📤 Sending catalog data:', JSON.stringify(formData, null, 2))
+    // Debug: Log the data being sent in development only
+    if (import.meta.env.DEV) {
+      console.log('📤 Sending catalog data:', JSON.stringify(formData, null, 2))
+    }
     
     createUpdateMutation.mutate(formData as Catalog)
   }
diff --git a/web/src/pages/DriftsList.tsx b/web/src/pages/DriftsList.tsx
index 687884e..ce34fdf 100644
--- a/web/src/pages/DriftsList.tsx
+++ b/web/src/pages/DriftsList.tsx
@@ -40,7 +40,6 @@ export default function DriftsList() {
         type: EventType.DRIFT as unknown as number,
       }
 
-      console.log('Loading all drifts with filters:', searchParams)
       const data = await eventsApi.search(searchParams)
       
       // Filter out completed/failed drifts - show everything except failed, done, closed
diff --git a/web/src/pages/EventsCalendar.tsx b/web/src/pages/EventsCalendar.tsx
index 7a0732d..bcda114 100644
--- a/web/src/pages/EventsCalendar.tsx
+++ b/web/src/pages/EventsCalendar.tsx
@@ -490,7 +490,7 @@ export default function EventsCalendar() {
         </div>
 
         {/* Calendar Content */}
-        <div className="flex-1 overflow-auto p-6 bg-gray-50 dark:bg-gray-900">
+        <div className="flex-1 overflow-y-auto p-6 bg-gray-50 dark:bg-gray-900">
           {isLoading ? (
             <div className="flex items-center justify-center h-full">
               <div className="text-center">
@@ -499,9 +499,9 @@ export default function EventsCalendar() {
               </div>
             </div>
           ) : (
-            <div className="grid grid-cols-1 xl:grid-cols-3 gap-6 h-full">
+            <div className="grid grid-cols-1 xl:grid-cols-3 gap-6">
             {/* Calendar Grid */}
-            <div className="xl:col-span-2 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg flex flex-col overflow-hidden">
+            <div className="xl:col-span-2 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg flex flex-col overflow-hidden max-h-[calc(100vh-12rem)]">
               <div className="p-4 border-b border-gray-200 dark:border-gray-700 flex items-center justify-between flex-shrink-0">
                 <h3 className="text-lg font-semibold text-gray-900 dark:text-gray-100">
                   {format(currentDate, 'MMMM yyyy', { locale: fr })}
@@ -587,14 +587,14 @@ export default function EventsCalendar() {
             </div>
 
             {/* Event Details Panel */}
-            <div className="bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg flex flex-col overflow-hidden">
+            <div className="bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg flex flex-col overflow-hidden max-h-[calc(100vh-12rem)]">
               <div className="p-4 border-b border-gray-200 dark:border-gray-700 flex-shrink-0">
                 <h3 className="text-lg font-semibold text-gray-900 dark:text-gray-100">
                   {selectedDate ? format(selectedDate, 'dd MMMM yyyy', { locale: fr }) : 'Select a Date'}
                 </h3>
               </div>
               
-              <ScrollArea className="flex-1">
+              <ScrollArea className="flex-1 overflow-y-auto">
                 <div className="p-4">
                   {selectedDayEvents.length > 0 ? (
                     <div className="space-y-4">
diff --git a/web/src/pages/Locks.tsx b/web/src/pages/Locks.tsx
index 199324e..57f5589 100644
--- a/web/src/pages/Locks.tsx
+++ b/web/src/pages/Locks.tsx
@@ -23,7 +23,6 @@ export default function Locks() {
       setLoading(true)
       setError(null)
       const data = await locksApi.list()
-      console.log('Locks data:', data)
       setLocks(data.locks || [])
     } catch (err) {
       setError('Erreur lors du chargement des locks')