Fix new border-radius values

src/components/Menu.vue

@@ -5,7 +5,7 @@
   -->
   <button
     @click="toggleExpand()"
-    class="btn btn--white | rounded-lg"
+    class="btn btn--white | rounded-xl"
     aria-controls="menu"
     :aria-expanded="isExpanded"
   >
@@ -30,7 +30,7 @@
       />
     </svg>
   </button>
-  <div v-if="isExpanded" id="menu" class="flex | rounded-lg">
+  <div v-if="isExpanded" id="menu" class="flex | rounded-xl">
     <header class="w-full | flex">
       <p>Nom du service</p>
     </header>
@@ -217,7 +217,7 @@ button[aria-controls="menu"][aria-expanded="false"] {
   min-height: 2.5rem; /* 40px */
   padding: 0 var(--space-16);
   gap: var(--space-12);
-  border-radius: var(--rounded-md);
+  border-radius: var(--rounded-lg);
 }
 
 #menu li {

src/components/Project.vue

@@ -1,5 +1,5 @@
 <template>
-  <article class="project-item | flex | rounded-lg | px-2xl py-2xl">
+  <article class="project-item | flex | rounded-2xl | px-2xl py-2xl">
     <hgroup>
       <h3>{{ project.title }}</h3>
       <p>

src/components/Tabs.vue

@@ -41,7 +41,7 @@ function changeTab(tabId) {
   align-items: flex-start;
   justify-content: center;
   margin: 0 auto var(--space-32);
-  border-radius: var(--rounded-lg);
+  border-radius: var(--rounded-md);
   background-color: var(--color-grey-200);
 }