diff --git a/src/app/components/import/import.component.html b/src/app/components/import/import.component.html
index 0b85de3..5d4dc4d 100644
--- a/src/app/components/import/import.component.html
+++ b/src/app/components/import/import.component.html
@@ -1,13 +1,14 @@
-<div class="p-6 max-w-7xl mx-auto">
-  <div class="bg-white rounded-lg shadow-lg p-6">
+<div class="container mx-auto px-4 py-8">
+  <h2 class="text-3xl mb-8 font-bold text-gray-900 dark:text-white">Import de données</h2>
+
+  <div class="bg-white rounded-lg shadow-lg p-6 dark:bg-gray-800">
     <div class="mb-6">
-      <h2 class="text-2xl font-bold text-gray-900">Import de données</h2>
-      <p class="text-gray-600">Importez des données depuis une API Geoapify</p>
+      <p class="text-gray-600 dark:text-white">Importez des données depuis une API Geoapify</p>
     </div>
 
     <form [formGroup]="importForm" (ngSubmit)="onSubmit()" class="space-y-4">
       <div class="space-y-2">
-        <label for="apiUrl" class="block text-sm font-medium text-gray-700">URL de l'API</label>
+        <label for="apiUrl" class="block text-sm font-medium text-gray-700 dark:text-white">URL de l'API</label>
         <input
           type="text"
           id="apiUrl"
@@ -16,11 +17,11 @@
           placeholder="https://api.geoapify.com/..."
         >
         <div *ngIf="importForm.get('apiUrl')?.hasError('required') && importForm.get('apiUrl')?.touched" 
-             class="text-red-500 text-sm">
+              class="text-red-500 text-sm">
           L'URL est requise
         </div>
         <div *ngIf="importForm.get('apiUrl')?.hasError('pattern') && importForm.get('apiUrl')?.touched" 
-             class="text-red-500 text-sm">
+              class="text-red-500 text-sm">
           L'URL doit commencer par http:// ou https://
         </div>
       </div>
@@ -80,5 +81,5 @@
         </button>
       </div>
     </div>
-  </div>
-</div> 
\ No newline at end of file
+  </div> 
+</div>
\ No newline at end of file
diff --git a/src/app/components/poi-list/poi-list.component.html b/src/app/components/poi-list/poi-list.component.html
index ee895cb..fd2ff4d 100644
--- a/src/app/components/poi-list/poi-list.component.html
+++ b/src/app/components/poi-list/poi-list.component.html
@@ -1,6 +1,6 @@
 <div class="container mx-auto px-4 py-8">
   <div class="flex justify-between items-center mb-6">
-    <h2 class="text-2xl font-bold">Liste des Points d'Intérêt</h2>
+    <h2 class="text-3xl font-bold mb-8 dark:text-white">Liste des Points d'Intérêt</h2>
     <button (click)="addPoi()" class="bg-green-500 hover:bg-green-600 text-white px-4 py-2 rounded-md">
       Ajouter un POI
     </button>