diff --git a/src/components/Project.vue b/src/components/Project.vue
index 68966d7..7cc63a1 100644
--- a/src/components/Project.vue
+++ b/src/components/Project.vue
@@ -22,8 +22,7 @@ const { t } = useI18n()
     :href="url"
     target="_blank"
   >
-    <div class="w-full h-full p-2 border-2 rounded-lg border-white hover:border-gray-300 duration-500 cursor-pointer">
-
+    <div class="w-full h-full p-2 border-2 rounded-lg border-white dark:border-gray-700 hover:border-gray-300 dark:hover:border-gray-500 duration-500 cursor-pointer">
       <h1 class="font-bold">
         {{ title }}
       </h1>
diff --git a/src/components/ProjectSection.vue b/src/components/ProjectSection.vue
index 33ddaca..6032208 100644
--- a/src/components/ProjectSection.vue
+++ b/src/components/ProjectSection.vue
@@ -7,7 +7,7 @@ const { t } = useI18n()
 <template>
   <SectionTitle title="projects.title" />
   <SectionPart>
-    <div class="grid gris-cols-1 sm:grid-cols-2 gap-x-8 gap-y-4 mb-4">
+    <div class="grid grid-cols-1 sm:grid-cols-2 gap-x-8 gap-y-4 mb-4 h-full auto-rows-fr">
       <Project
         title="Ares"
         description="projects.ares"
@@ -33,7 +33,7 @@ const { t } = useI18n()
       <a
         href="https://arthurdanjou.fr/projects"
         target="_blank"
-        class="leading-5 font-bold border-b-2 hover:(border-gray-700 dark:border-white) border-gray-300 dark:border-gray-700 dark:border-gray-800 duration-300 cursor-pointer"
+        class="leading-5 font-bold border-b-2 hover:(border-gray-700 dark:border-white) border-gray-300 dark:border-gray-600 dark:border-gray-800 duration-300 cursor-pointer"
       >
         {{ t('projects.more') }}
       </a>