diff --git a/src/apps/profiles/src/member-profile/work-expirence/ModifyWorkExpirenceModal/ModifyWorkExpirenceModal.tsx b/src/apps/profiles/src/member-profile/work-expirence/ModifyWorkExpirenceModal/ModifyWorkExpirenceModal.tsx
index fe56f0b97..a23d08e6c 100644
--- a/src/apps/profiles/src/member-profile/work-expirence/ModifyWorkExpirenceModal/ModifyWorkExpirenceModal.tsx
+++ b/src/apps/profiles/src/member-profile/work-expirence/ModifyWorkExpirenceModal/ModifyWorkExpirenceModal.tsx
@@ -1,17 +1,18 @@
 /* eslint-disable complexity */
-import { Dispatch, FC, MutableRefObject, SetStateAction, useRef, useState } from 'react'
+import { ChangeEvent, Dispatch, FC, MutableRefObject, SetStateAction, useEffect, useRef, useState } from 'react'
 import { bind, sortBy, trim } from 'lodash'
 import { toast } from 'react-toastify'
 import classNames from 'classnames'
 
-import { BaseModal, Button, IconOutline, InputDatePicker, InputSelect, InputText } from '~/libs/ui'
+import { BaseModal, Button, IconOutline, InputDatePicker, InputSelect, InputText, InputTextarea } from '~/libs/ui'
 import {
     updateDeleteOrCreateMemberTraitAsync,
     UserProfile, UserTrait,
     UserTraitCategoryNames,
     UserTraitIds,
 } from '~/libs/core'
-import { getIndustryOptionLabel, getIndustryOptionValue, INDUSTRIES_OPTIONS } from '~/libs/shared'
+import { getIndustryOptionLabel, getIndustryOptionValue, INDUSTRIES_OPTIONS, InputSkillSelector } from '~/libs/shared'
+import { fetchSkillsByIds } from '~/libs/shared/lib/services/standard-skills'
 
 import { WorkExpirenceCard } from '../WorkExpirenceCard'
 
@@ -32,10 +33,10 @@ const ModifyWorkExpirenceModal: FC<ModifyWorkExpirenceModalProps> = (props: Modi
         = useState<boolean>(props.workExpirence?.length === 0 || false)
 
     const [formValues, setFormValues]: [
-        { [key: string]: string | boolean | Date | undefined },
-        Dispatch<SetStateAction<{ [key: string]: string | boolean | Date | undefined }>>
+        { [key: string]: string | boolean | Date | any[] | undefined },
+        Dispatch<SetStateAction<{ [key: string]: string | boolean | Date | any[] | undefined }>>
     ]
-        = useState<{ [key: string]: string | boolean | Date | undefined }>({})
+        = useState<{ [key: string]: string | boolean | Date | any[] | undefined }>({})
 
     const [formErrors, setFormErrors]: [
         { [key: string]: string },
@@ -56,6 +57,86 @@ const ModifyWorkExpirenceModal: FC<ModifyWorkExpirenceModalProps> = (props: Modi
     ]
         = useState<UserTrait[] | undefined>(props.workExpirence)
 
+    const [skillNamesMap, setSkillNamesMap] = useState<Record<string, string>>({})
+    const [loadingSkills, setLoadingSkills] = useState<boolean>(false)
+    const fetchedSkillIdsRef = useRef<Set<string>>(new Set())
+
+    useEffect(() => {
+        if (!workExpirence) {
+            setLoadingSkills(false)
+            return
+        }
+
+        const allSkillIds = new Set<string>()
+        workExpirence.forEach((work: UserTrait) => {
+            if (work.associatedSkills && Array.isArray(work.associatedSkills)) {
+                work.associatedSkills.forEach((skillId: string) => {
+                    if (skillId && typeof skillId === 'string') {
+                        allSkillIds.add(skillId)
+                    }
+                })
+            }
+        })
+
+        if (allSkillIds.size > 0) {
+            const skillIdsToFetch = Array.from(allSkillIds)
+                .filter(id => !fetchedSkillIdsRef.current.has(id))
+
+            if (skillIdsToFetch.length > 0) {
+                setLoadingSkills(true)
+                skillIdsToFetch.forEach(id => fetchedSkillIdsRef.current.add(id))
+
+                fetchSkillsByIds(skillIdsToFetch)
+                    .then(skills => {
+                        setSkillNamesMap(prevMap => {
+                            const newMap: Record<string, string> = { ...prevMap }
+                            skills.forEach(skill => {
+                                if (skill.id && skill.name) {
+                                    newMap[skill.id] = skill.name
+                                }
+                            })
+                            skillIdsToFetch.forEach(skillId => {
+                                if (!newMap[skillId]) {
+                                    newMap[skillId] = skillId
+                                }
+                            })
+                            return newMap
+                        })
+                    })
+                    .catch(() => {
+                        setSkillNamesMap(prevMap => {
+                            const fallbackMap: Record<string, string> = { ...prevMap }
+                            skillIdsToFetch.forEach(skillId => {
+                                if (!fallbackMap[skillId]) {
+                                    fallbackMap[skillId] = skillId
+                                }
+                            })
+                            return fallbackMap
+                        })
+                    })
+                    .finally(() => {
+                        setLoadingSkills(false)
+                    })
+            } else {
+                setLoadingSkills(false)
+            }
+        } else {
+            // No skills to fetch
+            setLoadingSkills(false)
+        }
+    }, [workExpirence])
+
+    const areSkillsLoaded = (work: UserTrait): boolean => {
+        if (!work.associatedSkills || !Array.isArray(work.associatedSkills) || work.associatedSkills.length === 0) {
+            return true
+        }
+
+        return work.associatedSkills.every((skillId: string) => {
+            const skillName = skillNamesMap[skillId]
+            return skillName && skillName !== skillId
+        })
+    }
+
     const industryOptions: any = sortBy(INDUSTRIES_OPTIONS)
         .map(v => ({
             label: getIndustryOptionLabel(v),
@@ -89,13 +170,16 @@ const ModifyWorkExpirenceModal: FC<ModifyWorkExpirenceModalProps> = (props: Modi
             })
     }
 
-    function handleFormValueChange(key: string, event: React.ChangeEvent<HTMLInputElement>): void {
+    function handleFormValueChange(
+        key: string,
+        event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>,
+    ): void {
         let value: string | boolean | Date | undefined
         const oldFormValues = { ...formValues }
 
         switch (key) {
             case 'currentlyWorking':
-                value = event.target.checked
+                value = (event.target as HTMLInputElement).checked
                 if (value) {
                     oldFormValues.endDate = undefined
                 }
@@ -116,6 +200,17 @@ const ModifyWorkExpirenceModal: FC<ModifyWorkExpirenceModalProps> = (props: Modi
         })
     }
 
+    function handleSkillsChange(event: ChangeEvent<HTMLInputElement>): void {
+        const selectedSkills = (event.target as any).value || []
+        setFormValues({
+            ...formValues,
+            associatedSkills: selectedSkills.map((skill: any) => ({
+                id: skill.value || skill.id,
+                name: skill.label || skill.name,
+            })),
+        })
+    }
+
     function resetForm(): void {
         setFormValues({})
         setFormErrors({})
@@ -173,9 +268,10 @@ const ModifyWorkExpirenceModal: FC<ModifyWorkExpirenceModalProps> = (props: Modi
             : undefined
 
         const updatedWorkExpirence: UserTrait = {
-            cityTown: formValues.city,
+            associatedSkills: (formValues.associatedSkills as any[])?.map((s: any) => s.id || s) || [],
             company: companyName,
             companyName,
+            description: (formValues.description as string) || undefined,
             endDate: endDateIso,
             industry: formValues.industry,
             position: formValues.position,
@@ -200,20 +296,41 @@ const ModifyWorkExpirenceModal: FC<ModifyWorkExpirenceModalProps> = (props: Modi
         resetForm()
     }
 
-    function handleWorkExpirenceEdit(indx: number): void {
+    async function handleWorkExpirenceEdit(indx: number): Promise<void> {
         const work: UserTrait = workExpirence ? workExpirence[indx] : {}
 
         setEditedItemIndex(indx)
 
+        let associatedSkills: any[] = []
+        if (work.associatedSkills && Array.isArray(work.associatedSkills) && work.associatedSkills.length > 0) {
+            try {
+                const skills = await fetchSkillsByIds(
+                    work.associatedSkills.filter((id): id is string => typeof id === 'string'),
+                )
+                const skillsMap = new Map(skills.map(s => [s.id, s.name]))
+
+                associatedSkills = work.associatedSkills.map((skillId: string) => ({
+                    id: skillId,
+                    name: skillsMap.get(skillId) || '',
+                }))
+            } catch {
+                associatedSkills = work.associatedSkills.map((skillId: string) => ({
+                    id: skillId,
+                    name: skillNamesMap[skillId] || '',
+                }))
+            }
+        }
+
         setFormValues({
-            city: work.cityTown || work.city,
-            company: work.company || work.companyName,
-            currentlyWorking: work.working,
+            associatedSkills,
+            company: (work.company || work.companyName || '') as string,
+            currentlyWorking: work.working || false,
+            description: work.description || '',
             endDate: work.timePeriodTo
                 ? new Date(work.timePeriodTo)
                 : (work.endDate ? new Date(work.endDate) : undefined),
-            industry: work.industry,
-            position: work.position,
+            industry: work.industry || '',
+            position: (work.position || '') as string,
             startDate: work.timePeriodFrom
                 ? new Date(work.timePeriodFrom)
                 : (work.startDate ? new Date(work.startDate) : undefined),
@@ -286,7 +403,12 @@ const ModifyWorkExpirenceModal: FC<ModifyWorkExpirenceModalProps> = (props: Modi
                                         className={styles.workExpirenceCardWrap}
                                         key={uniqueKey || `${work.position}-${indx}`}
                                     >
-                                        <WorkExpirenceCard work={work} isModalView />
+                                        <WorkExpirenceCard
+                                            work={work}
+                                            isModalView
+                                            skillNamesMap={skillNamesMap}
+                                            showSkills={!loadingSkills && areSkillsLoaded(work)}
+                                        />
                                         <div className={styles.actionElements}>
                                             <Button
                                                 className={styles.ctaBtn}
@@ -320,6 +442,7 @@ const ModifyWorkExpirenceModal: FC<ModifyWorkExpirenceModalProps> = (props: Modi
                             placeholder='Enter a company'
                             dirty
                             tabIndex={0}
+                            forceUpdateValue
                             type='text'
                             onChange={bind(handleFormValueChange, this, 'company')}
                             value={formValues.company as string}
@@ -332,6 +455,7 @@ const ModifyWorkExpirenceModal: FC<ModifyWorkExpirenceModalProps> = (props: Modi
                             dirty
                             tabIndex={0}
                             type='text'
+                            forceUpdateValue
                             onChange={bind(handleFormValueChange, this, 'position')}
                             value={formValues.position as string}
                         />
@@ -376,6 +500,23 @@ const ModifyWorkExpirenceModal: FC<ModifyWorkExpirenceModalProps> = (props: Modi
                             onChange={bind(handleFormValueChange, this, 'currentlyWorking')}
                             checked={formValues.currentlyWorking as boolean}
                         />
+                        <InputTextarea
+                            name='description'
+                            label='Description'
+                            placeholder='Describe your role and achievements at this company'
+                            dirty
+                            tabIndex={0}
+                            onChange={bind(handleFormValueChange, this, 'description')}
+                            value={formValues.description as string}
+                            rows={4}
+                        />
+                        <InputSkillSelector
+                            label='Associated Skills'
+                            placeholder='Type to search and add skills...'
+                            value={formValues.associatedSkills as any[]}
+                            onChange={handleSkillsChange}
+                            loading={false}
+                        />
                     </form>
                 ) : (
                     <Button
diff --git a/src/apps/profiles/src/member-profile/work-expirence/WorkExpirence.tsx b/src/apps/profiles/src/member-profile/work-expirence/WorkExpirence.tsx
index 79c24210f..1f2e6730b 100644
--- a/src/apps/profiles/src/member-profile/work-expirence/WorkExpirence.tsx
+++ b/src/apps/profiles/src/member-profile/work-expirence/WorkExpirence.tsx
@@ -1,7 +1,9 @@
-import { Dispatch, FC, SetStateAction, useEffect, useMemo, useState } from 'react'
+import { Dispatch, FC, SetStateAction, useCallback, useEffect, useMemo, useState } from 'react'
 import { useSearchParams } from 'react-router-dom'
+import { SWRResponse } from 'swr'
 
-import { MemberTraitsAPI, useMemberTraits, UserProfile, UserTrait, UserTraitIds } from '~/libs/core'
+import { MemberTraitsAPI, useMemberTraits, UserProfile, UserSkill, UserTrait, UserTraitIds } from '~/libs/core'
+import { useSkillsByIds } from '~/libs/shared/lib/services/standard-skills'
 
 import { EDIT_MODE_QUERY_PARAM, profileEditModes } from '../../config'
 import { AddButton, EditMemberPropertyBtn, EmptySection } from '../../components'
@@ -31,6 +33,66 @@ const WorkExpirence: FC<WorkExpirenceProps> = (props: WorkExpirenceProps) => {
     const workExpirence: UserTrait[] | undefined
         = useMemo(() => memberWorkExpirenceTraits?.[0]?.traits?.data, [memberWorkExpirenceTraits])
 
+    // Collect all unique skill IDs from work experience entries
+    const allSkillIds = useMemo(() => {
+        if (!workExpirence) {
+            return []
+        }
+
+        const skillIdsSet = new Set<string>()
+        workExpirence.forEach((work: UserTrait) => {
+            if (work.associatedSkills && Array.isArray(work.associatedSkills)) {
+                work.associatedSkills.forEach((skillId: string) => {
+                    if (skillId && typeof skillId === 'string') {
+                        skillIdsSet.add(skillId)
+                    }
+                })
+            }
+        })
+
+        return Array.from(skillIdsSet)
+    }, [workExpirence])
+
+    const { data: fetchedSkills, error: skillsError }: SWRResponse<UserSkill[], Error> = useSkillsByIds(
+        allSkillIds.length > 0 ? allSkillIds : undefined,
+    )
+
+    // Determine loading state: data is undefined and no error yet
+    const loadingSkills = fetchedSkills === undefined && !skillsError
+
+    // Build skill names map from fetched skills
+    const skillNamesMap = useMemo(() => {
+        const map: Record<string, string> = {}
+
+        if (fetchedSkills) {
+            fetchedSkills.forEach(skill => {
+                if (skill.id && skill.name) {
+                    map[skill.id] = skill.name
+                }
+            })
+        }
+
+        // For skills that weren't found, use ID as fallback
+        allSkillIds.forEach(skillId => {
+            if (!map[skillId]) {
+                map[skillId] = skillId
+            }
+        })
+
+        return map
+    }, [fetchedSkills, allSkillIds])
+
+    const areSkillsLoaded = useCallback((work: UserTrait): boolean => {
+        if (!work.associatedSkills || !Array.isArray(work.associatedSkills) || work.associatedSkills.length === 0) {
+            return true
+        }
+
+        return work.associatedSkills.every((skillId: string) => {
+            const skillName = skillNamesMap[skillId]
+            return skillName && skillName !== skillId
+        })
+    }, [skillNamesMap])
+
     useEffect(() => {
         if (props.authProfile && editMode === profileEditModes.workExperience) {
             setIsEditMode(true)
@@ -83,6 +145,8 @@ const WorkExpirence: FC<WorkExpirenceProps> = (props: WorkExpirenceProps) => {
                                     <WorkExpirenceCard
                                         key={uniqueKey || `${work.position || 'experience'}-${index}`}
                                         work={work}
+                                        skillNamesMap={skillNamesMap}
+                                        showSkills={!loadingSkills && areSkillsLoaded(work)}
                                     />
                                 )
                             })
diff --git a/src/apps/profiles/src/member-profile/work-expirence/WorkExpirenceCard/WorkExpirenceCard.module.scss b/src/apps/profiles/src/member-profile/work-expirence/WorkExpirenceCard/WorkExpirenceCard.module.scss
index 9b89cf087..9fd6b3eba 100644
--- a/src/apps/profiles/src/member-profile/work-expirence/WorkExpirenceCard/WorkExpirenceCard.module.scss
+++ b/src/apps/profiles/src/member-profile/work-expirence/WorkExpirenceCard/WorkExpirenceCard.module.scss
@@ -30,4 +30,39 @@
         justify-content: space-between;
         align-items: flex-end;
     }
+
+    .workExpirenceCardDescription {
+        margin-top: $sp-4;
+        color: $black-80;
+
+        :global(.body-main-normal) {
+            color: $black-80;
+            line-height: 22px;
+        }
+    }
+
+    .workExpirenceCardSkills {
+        margin-top: $sp-4;
+        display: flex;
+
+        :global(.body-main-small-bold) {
+            margin-bottom: $sp-2;
+            color: $black-100;
+        }
+
+        .skillsList {
+            display: flex;
+            flex-wrap: wrap;
+            gap: $sp-2;
+
+            .skillTag {
+                display: inline-block;
+                padding: $sp-1 $sp-2;
+                color: $turq-160;
+                border-radius: 4px;
+                font-size: 12px;
+                line-height: 16px;
+            }
+        }
+    }
 }
\ No newline at end of file
diff --git a/src/apps/profiles/src/member-profile/work-expirence/WorkExpirenceCard/WorkExpirenceCard.tsx b/src/apps/profiles/src/member-profile/work-expirence/WorkExpirenceCard/WorkExpirenceCard.tsx
index 2066e1b6e..3450d4f93 100644
--- a/src/apps/profiles/src/member-profile/work-expirence/WorkExpirenceCard/WorkExpirenceCard.tsx
+++ b/src/apps/profiles/src/member-profile/work-expirence/WorkExpirenceCard/WorkExpirenceCard.tsx
@@ -1,3 +1,5 @@
+/* eslint-disable complexity */
+
 import { FC } from 'react'
 import classNames from 'classnames'
 import moment from 'moment'
@@ -10,6 +12,8 @@ import styles from './WorkExpirenceCard.module.scss'
 interface WorkExpirenceCardProps {
     work: UserTrait
     isModalView?: boolean
+    skillNamesMap?: Record<string, string>
+    showSkills?: boolean
 }
 
 const formatDateRange = (work: UserTrait): string | undefined => {
@@ -39,6 +43,7 @@ const WorkExpirenceCard: FC<WorkExpirenceCardProps> = (props: WorkExpirenceCardP
     const companyName: string | undefined = props.work.company || props.work.companyName
     const city: string | undefined = props.work.cityTown || props.work.city
     const industry: string | undefined = props.work.industry
+    const position: string | undefined = props.work.position
     const dateRange: string | undefined = formatDateRange(props.work)
 
     const containerClassName: string = classNames(
@@ -50,14 +55,20 @@ const WorkExpirenceCard: FC<WorkExpirenceCardProps> = (props: WorkExpirenceCardP
         <div className={containerClassName}>
             <div className={styles.workExpirenceCardHeader}>
                 <div className={styles.workExpirenceCardHeaderLeft}>
-                    <p className='body-main-bold'>
-                        {props.work.position}
-                        {industry ? `, ${getIndustryOptionLabel(industry)}` : undefined}
-                    </p>
+                    {(position || industry) && (
+                        <p className='body-main-bold'>
+                            {position || ''}
+                            {
+                                position && industry
+                                    ? `, ${getIndustryOptionLabel(industry)}`
+                                    : (industry ? getIndustryOptionLabel(industry) : '')
+                            }
+                        </p>
+                    )}
                     {(companyName || city) && (
                         <p>
-                            {companyName}
-                            {city ? `, ${city}` : undefined}
+                            {companyName || ''}
+                            {companyName && city ? `, ${city}` : (city || '')}
                         </p>
                     )}
                 </div>
@@ -67,6 +78,32 @@ const WorkExpirenceCard: FC<WorkExpirenceCardProps> = (props: WorkExpirenceCardP
                     </div>
                 ) : undefined}
             </div>
+            {props.work.description && (
+                <div className={styles.workExpirenceCardDescription}>
+                    <p className='body-main-normal'>{props.work.description}</p>
+                </div>
+            )}
+            {
+                props.work.associatedSkills
+                && Array.isArray(props.work.associatedSkills)
+                && props.work.associatedSkills.length > 0
+                && props.showSkills
+                && (
+                    <div className={styles.workExpirenceCardSkills}>
+                        <p className='body-main-small-bold'>Skills:</p>
+                        <div className={styles.skillsList}>
+                            {props.work.associatedSkills.map((skillId: string) => {
+                                const skillName = props.skillNamesMap?.[skillId] || skillId
+                                return (
+                                    <span key={skillId} className={styles.skillTag}>
+                                        {skillName}
+                                    </span>
+                                )
+                            })}
+                        </div>
+                    </div>
+                )
+            }
         </div>
     )
 }
diff --git a/src/libs/shared/lib/services/standard-skills/standard-skills.service.ts b/src/libs/shared/lib/services/standard-skills/standard-skills.service.ts
index d7c225254..346261290 100644
--- a/src/libs/shared/lib/services/standard-skills/standard-skills.service.ts
+++ b/src/libs/shared/lib/services/standard-skills/standard-skills.service.ts
@@ -1,3 +1,6 @@
+import { useMemo } from 'react'
+import useSWR, { SWRResponse } from 'swr'
+
 import { EnvironmentConfig } from '~/config'
 import { UserSkill, xhrGetAsync, xhrPostAsync, xhrPutAsync } from '~/libs/core'
 
@@ -43,3 +46,57 @@ export async function updateMemberSkills(
         skills,
     })
 }
+
+/**
+ * Fetcher function for useSWR to fetch skills by their IDs
+ * @param skillIds Array of skill UUIDs
+ * @returns Promise with array of UserSkill objects
+ */
+async function fetchSkillsByIdsFetcher(skillIds: string[]): Promise<UserSkill[]> {
+    if (!skillIds || skillIds.length === 0) {
+        return []
+    }
+
+    try {
+        const skillPromises = skillIds.map(skillId => xhrGetAsync<UserSkill>(`${baseUrl}/skills/${skillId}`)
+            .catch(() => undefined))
+        const results = await Promise.all(skillPromises)
+        return results.filter((skill): skill is UserSkill => skill !== null && skill !== undefined)
+    } catch {
+        return []
+    }
+}
+
+/**
+ * Hook to fetch skills by their IDs using SWR
+ * @param skillIds Array of skill UUIDs
+ * @returns SWRResponse with array of UserSkill objects
+ */
+export function useSkillsByIds(skillIds: string[] | undefined): SWRResponse<UserSkill[], Error> {
+    const swrKey = useMemo(() => {
+        if (!skillIds || skillIds.length === 0) {
+            return undefined
+        }
+
+        return ['skills-by-ids', [...skillIds].sort()
+            .join(',')]
+    }, [skillIds])
+
+    return useSWR<UserSkill[], Error>(
+        swrKey,
+        () => fetchSkillsByIdsFetcher(skillIds!),
+        {
+            revalidateOnFocus: false,
+            revalidateOnReconnect: false,
+        },
+    )
+}
+
+/**
+ * Fetch skills by their IDs (legacy async function for backward compatibility)
+ * @param skillIds Array of skill UUIDs
+ * @returns Promise with array of UserSkill objects
+ */
+export async function fetchSkillsByIds(skillIds: string[]): Promise<UserSkill[]> {
+    return fetchSkillsByIdsFetcher(skillIds)
+}