diff --git a/app/layouts/default.vue b/app/layouts/default.vue
index 4ca24e5..d663dec 100755
--- a/app/layouts/default.vue
+++ b/app/layouts/default.vue
@@ -102,6 +102,8 @@ const links = computed(() => {
           orientation="vertical"
           tooltip
           popover
+          color="neutral"
+          variant="link"
         />
       </template>
 
diff --git a/app/pages/conferencias-typensense.vue b/app/pages/conferencias-typensense.vue
index c9fa94d..fe773a1 100644
--- a/app/pages/conferencias-typensense.vue
+++ b/app/pages/conferencias-typensense.vue
@@ -666,11 +666,11 @@ function metaLocation(meta: DocMeta | undefined): string {
       <div
         v-for="group in displayGroups"
         :key="group.docId"
-        class="bg-white p-4 sm:px-6 text-sm cursor-pointer border-l-2 transition-colors"
+        class="p-4 sm:px-6 text-sm cursor-pointer border-b-2 transition-colors"
         :class="[
           selectedDocId === group.docId
-            ? 'border-primary bg-primary/10'
-            : 'border-transparent hover:border-primary hover:bg-primary/5'
+            ? 'border-carpablue bg-carpablue/10'
+            : 'border-gray-200 hover:border-carpablue hover:bg-carpablue/5'
         ]"
         @click="selectGroup(group)"
       >
@@ -685,14 +685,14 @@ function metaLocation(meta: DocMeta | undefined): string {
             v-if="metaDate(group.meta)"
             class="flex items-center gap-1"
           >
-            <UIcon name="ph:calendar" class="size-4 text-green-600" />
+            <UIcon name="ph:calendar" class="size-4 text-carpablue" />
             {{ metaDate(group.meta) }}
           </span>
           <span
             v-if="metaLocation(group.meta)"
             class="flex items-center gap-1 truncate"
           >
-            <UIcon name="ph:map-pin" class="size-4 text-green-600 shrink-0" />
+            <UIcon name="ph:map-pin" class="size-4 text-carpablue shrink-0" />
             <span class="truncate">{{ metaLocation(group.meta) }}</span>
           </span>
         </p>
diff --git a/app/pages/estudios-typensense.vue b/app/pages/estudios-typensense.vue
index 4968a06..579d9aa 100644
--- a/app/pages/estudios-typensense.vue
+++ b/app/pages/estudios-typensense.vue
@@ -665,11 +665,11 @@ function metaLocation(meta: DocMeta | undefined): string {
       <div
         v-for="group in displayGroups"
         :key="group.docId"
-        class="bg-white p-4 sm:px-6 text-sm cursor-pointer border-l-2 transition-colors"
+        class="p-4 sm:px-6 text-sm cursor-pointer border-b-2 transition-colors"
         :class="[
           selectedDocId === group.docId
-            ? 'border-primary bg-primary/10'
-            : 'border-transparent hover:border-primary hover:bg-primary/5'
+            ? 'border-carpagreen bg-carpagreen/10 '
+            : `border-gray-200 hover:border-carpagreen hover:bg-carpagreen/5`
         ]"
         @click="selectGroup(group)"
       >
@@ -684,14 +684,14 @@ function metaLocation(meta: DocMeta | undefined): string {
             v-if="metaDate(group.meta)"
             class="flex items-center gap-1"
           >
-            <UIcon name="ph:calendar" class="size-4 text-green-600" />
+            <UIcon name="ph:calendar" class="size-4 text-carpagreen" />
             {{ metaDate(group.meta) }}
           </span>
           <span
             v-if="metaLocation(group.meta)"
             class="flex items-center gap-1 truncate"
           >
-            <UIcon name="ph:map-pin" class="size-4 text-green-600 shrink-0" />
+            <UIcon name="ph:map-pin" class="size-4 text-carpagreen shrink-0" />
             <span class="truncate">{{ metaLocation(group.meta) }}</span>
           </span>
         </p>