diff --git a/frontend/src/modules/contributor/components/details/contributor-details-work-history.vue b/frontend/src/modules/contributor/components/details/contributor-details-work-history.vue
index a5cdbbd70d..10741b979c 100644
--- a/frontend/src/modules/contributor/components/details/contributor-details-work-history.vue
+++ b/frontend/src/modules/contributor/components/details/contributor-details-work-history.vue
@@ -32,11 +32,12 @@
 
     <div class="flex flex-col gap-4">
       <lf-timeline v-slot="{ group }" :groups="shownGroups" @on-group-hover="onGroupHover">
-        <lf-timeline-item v-for="item in group.items" :key="item.id" :data="item">
+        <lf-timeline-item v-for="(item, index) in group.items" :key="item.id" :data="item">
           <lf-contributor-details-work-history-item
             :contributor="props.contributor"
             :organization="item"
             :is-group-hover="hoveredGroup?.id === group.id"
+            :index="index"
             @edit="isEditModalOpen = true; editOrganization = item"
           />
         </lf-timeline-item>
diff --git a/frontend/src/modules/contributor/components/details/work-history/contributor-details-work-history-item.vue b/frontend/src/modules/contributor/components/details/work-history/contributor-details-work-history-item.vue
index d0eca928ef..bd84af0048 100644
--- a/frontend/src/modules/contributor/components/details/work-history/contributor-details-work-history-item.vue
+++ b/frontend/src/modules/contributor/components/details/work-history/contributor-details-work-history-item.vue
@@ -1,9 +1,10 @@
 <template>
   <article
+    :class="`${props.index === 0 ? 'first-item' : ''}`"
     @mouseover="hovered = true"
     @mouseleave="hovered = false"
   >
-    <div class="flex min-h-7">
+    <div class="flex min-h-7 relative">
       <div class="flex flex-auto flex-col overflow-hidden">
         <div v-if="props.organization?.memberOrganizations?.title" class="text-small text-gray-900 mb-1.5 flex items-center gap-1.5">
           <lf-svg name="id-card" class="h-4 w-4 text-gray-400" />
@@ -17,7 +18,7 @@
         </p>
       </div>
 
-      <lf-dropdown v-show="hovered || isGroupHover" placement="bottom-end" width="14.5rem">
+      <lf-dropdown v-show="hovered || isGroupHover" class="work-history-item-dropdown self-start" placement="bottom-end" width="14.5rem">
         <template #trigger>
           <lf-button type="secondary-ghost" size="small" :icon-only="true">
             <lf-icon name="ellipsis" />
@@ -73,6 +74,7 @@ const props = defineProps<{
   organization: Organization,
   contributor: Contributor,
   isGroupHover: boolean,
+  index: number,
 }>();
 
 const emit = defineEmits<{(e:'edit'): void}>();
@@ -131,3 +133,9 @@ export default {
   name: 'LfContributorDetailsWorkHistoryItem',
 };
 </script>
+
+<style scoped>
+.first-item .work-history-item-dropdown {
+  margin-top: -28px;
+}
+</style>