diff --git a/backend/src/database/repositories/githubReposRepository.ts b/backend/src/database/repositories/githubReposRepository.ts
index 2c133aaa6b..4400951ae5 100644
--- a/backend/src/database/repositories/githubReposRepository.ts
+++ b/backend/src/database/repositories/githubReposRepository.ts
@@ -82,4 +82,31 @@ export default class GithubReposRepository {
 
     return results
   }
+
+  static async hasMappedRepos(segmentId: string, options: IRepositoryOptions) {
+    const transaction = SequelizeRepository.getTransaction(options)
+    const tenantId = options.currentTenant.id
+
+    const result = await options.database.sequelize.query(
+      `
+        SELECT EXISTS (
+          SELECT 1
+          FROM "githubRepos" r
+          WHERE r."segmentId" = :segmentId
+          AND r."tenantId" = :tenantId
+          LIMIT 1
+        ) as has_repos
+      `,
+      {
+        replacements: {
+          segmentId,
+          tenantId,
+        },
+        type: QueryTypes.SELECT,
+        transaction,
+      },
+    )
+
+    return result[0].has_repos
+  }
 }
diff --git a/backend/src/database/repositories/segmentRepository.ts b/backend/src/database/repositories/segmentRepository.ts
index cb424a467f..97369edbee 100644
--- a/backend/src/database/repositories/segmentRepository.ts
+++ b/backend/src/database/repositories/segmentRepository.ts
@@ -706,17 +706,48 @@ class SegmentRepository extends RepositoryBase<
 
     const subprojects = projects.map((p) => p.subprojects).flat()
     const integrationsBySegments = await this.queryIntegrationsForSubprojects(subprojects)
+    const mappedGithubReposBySegments = (
+      await Promise.all(
+        subprojects.map(async (s) => ({
+          segmentId: s.id,
+          hasMappedRepo: await this.hasMappedRepos(s.id),
+        })),
+      )
+    ).reduce((acc, { segmentId, hasMappedRepo }) => {
+      if (hasMappedRepo) {
+        acc[segmentId] = true
+      }
+      return acc
+    }, {})
 
     const count = projects.length > 0 ? Number.parseInt(projects[0].totalCount, 10) : 0
 
     const rows = projects.map((i) => removeFieldsFromObject(i, 'totalCount'))
 
     // assign integrations to subprojects
-    rows.forEach((row) => {
-      row.subprojects.forEach((subproject) => {
-        subproject.integrations = integrationsBySegments[subproject.id] || []
-      })
-    })
+    await Promise.all(
+      rows.map(async (row) => {
+        await Promise.all(
+          row.subprojects.map(async (subproject) => {
+            const integrations = integrationsBySegments[subproject.id] || []
+            const githubIntegration = integrations.find((i) => i.platform === 'github')
+
+            if (githubIntegration) {
+              githubIntegration.type = 'primary'
+            } else if (mappedGithubReposBySegments[subproject.id]) {
+              integrations.push({
+                platform: 'github',
+                segmentId: subproject.id,
+                type: 'mapped',
+                mappedWith: await this.mappedWith(subproject.id),
+              })
+            }
+
+            subproject.integrations = integrations
+          }),
+        )
+      }),
+    )
 
     return { count, rows, limit: criteria.limit, offset: criteria.offset }
   }
@@ -893,6 +924,65 @@ class SegmentRepository extends RepositoryBase<
 
     return segments.map((i: any) => i.id)
   }
+
+  async hasMappedRepos(segmentId: string) {
+    const transaction = SequelizeRepository.getTransaction(this.options)
+    const tenantId = this.options.currentTenant.id
+
+    const result = await this.options.database.sequelize.query(
+      `
+        SELECT EXISTS (
+          SELECT 1
+          FROM "githubRepos" r
+          LEFT JOIN "integrations" i ON r."integrationId" = i.id
+          WHERE r."segmentId" = :segmentId
+          AND r."tenantId" = :tenantId
+          AND (i.id IS NULL OR i."segmentId" != :segmentId)
+          LIMIT 1
+        ) as has_repos
+      `,
+      {
+        replacements: {
+          segmentId,
+          tenantId,
+        },
+        type: QueryTypes.SELECT,
+        transaction,
+      },
+    )
+
+    return !!result[0].has_repos
+  }
+
+  async mappedWith(segmentId: string) {
+    const transaction = SequelizeRepository.getTransaction(this.options)
+    const tenantId = this.options.currentTenant.id
+
+    const result = await this.options.database.sequelize.query(
+      `
+       select
+         s.name as segment_name
+       from
+        "githubRepos" r
+       left join "integrations" i on r."integrationId" = i.id
+       left join "segments" s on i."segmentId" = s.id
+       where r."segmentId" = :segmentId
+       and r."tenantId" = :tenantId
+       and (i.id is null or i."segmentId" != :segmentId)
+       limit 1
+      `,
+      {
+        replacements: {
+          segmentId,
+          tenantId,
+        },
+        type: QueryTypes.SELECT,
+        transaction,
+      },
+    )
+
+    return result[0].segment_name as string
+  }
 }
 
 export default SegmentRepository
diff --git a/frontend/public/icons/crowd-icons.svg b/frontend/public/icons/crowd-icons.svg
index 979c7dc33b..4913770307 100644
--- a/frontend/public/icons/crowd-icons.svg
+++ b/frontend/public/icons/crowd-icons.svg
@@ -22,28 +22,28 @@
         <svg class="svg-icon" width="16" height="13" viewBox="0 0 16 13"
             xmlns="http://www.w3.org/2000/svg">
             <path
-                d="M13.5447 1.81368C12.5249 1.34576 11.4313 1.00101 10.2879 0.803563C10.2671 0.799752 10.2463 0.809275 10.2356 0.828322C10.0949 1.07847 9.93915 1.4048 9.83006 1.66129C8.60027 1.47718 7.37679 1.47718 6.17221 1.66129C6.0631 1.3991 5.90166 1.07847 5.76038 0.828322C5.74966 0.809911 5.72886 0.800387 5.70803 0.803563C4.56527 1.00038 3.47171 1.34512 2.45129 1.81368C2.44246 1.81748 2.43488 1.82384 2.42986 1.83209C0.355594 4.93099 -0.212633 7.95373 0.0661201 10.939C0.0673814 10.9536 0.0755799 10.9676 0.086932 10.9764C1.45547 11.9815 2.78114 12.5916 4.08219 12.996C4.10301 13.0024 4.12507 12.9948 4.13832 12.9776C4.44608 12.5573 4.72043 12.1142 4.95565 11.6482C4.96953 11.6209 4.95628 11.5885 4.92791 11.5777C4.49275 11.4126 4.0784 11.2114 3.67982 10.9828C3.64829 10.9644 3.64577 10.9193 3.67477 10.8977C3.75865 10.8349 3.84255 10.7695 3.92264 10.7034C3.93713 10.6914 3.95732 10.6888 3.97435 10.6964C6.59286 11.892 9.4277 11.892 12.0153 10.6964C12.0323 10.6882 12.0525 10.6907 12.0677 10.7028C12.1478 10.7688 12.2316 10.8349 12.3161 10.8977C12.3451 10.9193 12.3433 10.9644 12.3117 10.9828C11.9131 11.2158 11.4988 11.4126 11.063 11.5771C11.0346 11.5879 11.022 11.6209 11.0359 11.6482C11.2762 12.1135 11.5505 12.5567 11.8526 12.977C11.8652 12.9948 11.8879 13.0024 11.9087 12.996C13.2161 12.5916 14.5417 11.9815 15.9103 10.9764C15.9223 10.9676 15.9298 10.9542 15.9311 10.9396C16.2647 7.48834 15.3723 4.49039 13.5655 1.83272C13.5611 1.82384 13.5535 1.81748 13.5447 1.81368ZM5.34668 9.12128C4.55833 9.12128 3.90876 8.39752 3.90876 7.50866C3.90876 6.61981 4.54574 5.89604 5.34668 5.89604C6.15392 5.89604 6.79721 6.62616 6.78459 7.50866C6.78459 8.39752 6.14761 9.12128 5.34668 9.12128ZM10.6632 9.12128C9.87484 9.12128 9.22526 8.39752 9.22526 7.50866C9.22526 6.61981 9.86222 5.89604 10.6632 5.89604C11.4704 5.89604 12.1137 6.62616 12.1011 7.50866C12.1011 8.39752 11.4704 9.12128 10.6632 9.12128Z" />
+                d="M13.5447 1.81368C12.5249 1.34576 11.4313 1.00101 10.2879 0.803563C10.2671 0.799752 10.2463 0.809275 10.2356 0.828322C10.0949 1.07847 9.93915 1.4048 9.83006 1.66129C8.60027 1.47718 7.37679 1.47718 6.17221 1.66129C6.0631 1.3991 5.90166 1.07847 5.76038 0.828322C5.74966 0.809911 5.72886 0.800387 5.70803 0.803563C4.56527 1.00038 3.47171 1.34512 2.45129 1.81368C2.44246 1.81748 2.43488 1.82384 2.42986 1.83209C0.355594 4.93099 -0.212633 7.95373 0.0661201 10.939C0.0673814 10.9536 0.0755799 10.9676 0.086932 10.9764C1.45547 11.9815 2.78114 12.5916 4.08219 12.996C4.10301 13.0024 4.12507 12.9948 4.13832 12.9776C4.44608 12.5573 4.72043 12.1142 4.95565 11.6482C4.96953 11.6209 4.95628 11.5885 4.92791 11.5777C4.49275 11.4126 4.0784 11.2114 3.67982 10.9828C3.64829 10.9644 3.64577 10.9193 3.67477 10.8977C3.75865 10.8349 3.84255 10.7695 3.92264 10.7034C3.93713 10.6914 3.95732 10.6888 3.97435 10.6964C6.59286 11.892 9.4277 11.892 12.0153 10.6964C12.0323 10.6882 12.0525 10.6907 12.0677 10.7028C12.1478 10.7688 12.2316 10.8349 12.3161 10.8977C12.3451 10.9193 12.3433 10.9644 12.3117 10.9828C11.9131 11.2158 11.4988 11.4126 11.063 11.5771C11.0346 11.5879 11.022 11.6209 11.0359 11.6482C11.2762 12.1135 11.5505 12.5567 11.8526 12.977C11.8652 12.9948 11.8879 13.0024 11.9087 12.996C13.2161 12.5916 14.5417 11.9815 15.9103 10.9764C15.9223 10.9676 15.9298 10.9542 15.9311 10.9396C16.2647 7.48834 15.3723 4.49039 13.5655 1.83272C13.5611 1.82384 13.5535 1.81748 13.5447 1.81368ZM5.34668 9.12128C4.55833 9.12128 3.90876 8.39752 3.90876 7.50866C3.90876 6.61981 4.54574 5.89604 5.34668 5.89604C6.15392 5.89604 6.79721 6.62616 6.78459 7.50866C6.78459 8.39752 6.14761 9.12128 5.34668 9.12128ZM10.6632 9.12128C9.87484 9.12128 9.22526 8.39752 9.22526 7.50866C9.22526 6.61981 9.86222 5.89604 10.6632 5.89604C11.4704 5.89604 12.1137 6.62616 12.1011 7.50866C12.1011 8.39752 11.4704 9.12128 10.6632 9.12128Z" fill="	#7289da" />
         </svg>
     </symbol>
     <symbol id="slack">
         <svg class="svg-icon" width="16" height="16" viewBox="70 70 130 130" xmlns="http://www.w3.org/2000/svg">
             <g>
-                <g>
+                <g fill="#E01A59">
                     <path d="M99.4,151.2c0,7.1-5.8,12.9-12.9,12.9s-12.9-5.8-12.9-12.9c0-7.1,5.8-12.9,12.9-12.9h12.9V151.2z"/>
                     <path d="M105.9,151.2c0-7.1,5.8-12.9,12.9-12.9s12.9,5.8,12.9,12.9v32.3c0,7.1-5.8,12.9-12.9,12.9s-12.9-5.8-12.9-12.9
 			C105.9,183.5,105.9,151.2,105.9,151.2z"/>
                 </g>
-                <g>
+                <g fill="#89D3DF">
                     <path d="M118.8,99.4c-7.1,0-12.9-5.8-12.9-12.9s5.8-12.9,12.9-12.9s12.9,5.8,12.9,12.9v12.9H118.8z"/>
                     <path d="M118.8,105.9c7.1,0,12.9,5.8,12.9,12.9s-5.8,12.9-12.9,12.9H86.5c-7.1,0-12.9-5.8-12.9-12.9s5.8-12.9,12.9-12.9
 			C86.5,105.9,118.8,105.9,118.8,105.9z"/>
                 </g>
-                <g>
+                <g fill="#63C1A0">
                     <path d="M170.6,118.8c0-7.1,5.8-12.9,12.9-12.9c7.1,0,12.9,5.8,12.9,12.9s-5.8,12.9-12.9,12.9h-12.9V118.8z"/>
                     <path d="M164.1,118.8c0,7.1-5.8,12.9-12.9,12.9c-7.1,0-12.9-5.8-12.9-12.9V86.5c0-7.1,5.8-12.9,12.9-12.9
 			c7.1,0,12.9,5.8,12.9,12.9V118.8z"/>
                 </g>
-                <g>
+                <g fill="#ECB32D">
                     <path d="M151.2,170.6c7.1,0,12.9,5.8,12.9,12.9c0,7.1-5.8,12.9-12.9,12.9c-7.1,0-12.9-5.8-12.9-12.9v-12.9H151.2z"/>
                     <path d="M151.2,164.1c-7.1,0-12.9-5.8-12.9-12.9c0-7.1,5.8-12.9,12.9-12.9h32.3c7.1,0,12.9,5.8,12.9,12.9
 			c0,7.1-5.8,12.9-12.9,12.9H151.2z"/>
@@ -52,7 +52,7 @@
     </symbol>
     <symbol id="twitter">
         <svg  width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
-            <path d="M9.31264 6.77143L15.1379 0H13.7575L8.69942 5.87954L4.65953 0H0L6.10911 8.8909L0 15.9918H1.38049L6.72197 9.78279L10.9884 15.9918H15.6479L9.3123 6.77143H9.31264ZM7.42187 8.96923L6.80289 8.0839L1.87789 1.03921H3.99824L7.97277 6.7245L8.59175 7.60983L13.7582 14.9998H11.6378L7.42187 8.96957V8.96923Z" />
+            <path d="M9.31264 6.77143L15.1379 0H13.7575L8.69942 5.87954L4.65953 0H0L6.10911 8.8909L0 15.9918H1.38049L6.72197 9.78279L10.9884 15.9918H15.6479L9.3123 6.77143H9.31264ZM7.42187 8.96923L6.80289 8.0839L1.87789 1.03921H3.99824L7.97277 6.7245L8.59175 7.60983L13.7582 14.9998H11.6378L7.42187 8.96957V8.96923Z" fill="black"/>
         </svg>
     </symbol>
     <symbol id="github">
@@ -124,7 +124,7 @@
     <symbol id="devto">
         <svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
             <path
-                d="M4.29 6.29607C4.15143 6.1925 4.0125 6.14071 3.87393 6.14071H3.25107V9.87179H3.87429C4.01286 9.87179 4.15179 9.82 4.29036 9.71643C4.42893 9.61286 4.49821 9.4575 4.49821 9.25V6.7625C4.49786 6.55536 4.42821 6.39964 4.29 6.29607ZM14.4321 0H1.56786C0.703571 0 0.00214286 0.699643 0 1.56429V14.4357C0.00214286 15.3004 0.703571 16 1.56786 16H14.4321C15.2968 16 15.9979 15.3004 16 14.4357V1.56429C15.9979 0.699643 15.2964 0 14.4321 0ZM5.50714 9.25679C5.50714 9.92857 5.0925 10.9464 3.78 10.9443H2.12286V5.035H3.815C5.08071 5.035 5.50643 6.05143 5.50679 6.72357L5.50714 9.25679ZM9.10286 6.09036H7.2V7.4625H8.36321V8.51857H7.2V9.89036H9.10321V10.9464H6.8825C6.48393 10.9568 6.1525 10.6418 6.1425 10.2432V5.775C6.13286 5.37679 6.44821 5.04607 6.84643 5.03607H9.10321L9.10286 6.09036ZM12.8043 10.2079C12.3329 11.3061 11.4882 11.0875 11.11 10.2079L9.73393 5.03643H10.8971L11.9582 9.09786L13.0143 5.03643H14.1779L12.8043 10.2079Z" />
+                d="M4.29 6.29607C4.15143 6.1925 4.0125 6.14071 3.87393 6.14071H3.25107V9.87179H3.87429C4.01286 9.87179 4.15179 9.82 4.29036 9.71643C4.42893 9.61286 4.49821 9.4575 4.49821 9.25V6.7625C4.49786 6.55536 4.42821 6.39964 4.29 6.29607ZM14.4321 0H1.56786C0.703571 0 0.00214286 0.699643 0 1.56429V14.4357C0.00214286 15.3004 0.703571 16 1.56786 16H14.4321C15.2968 16 15.9979 15.3004 16 14.4357V1.56429C15.9979 0.699643 15.2964 0 14.4321 0ZM5.50714 9.25679C5.50714 9.92857 5.0925 10.9464 3.78 10.9443H2.12286V5.035H3.815C5.08071 5.035 5.50643 6.05143 5.50679 6.72357L5.50714 9.25679ZM9.10286 6.09036H7.2V7.4625H8.36321V8.51857H7.2V9.89036H9.10321V10.9464H6.8825C6.48393 10.9568 6.1525 10.6418 6.1425 10.2432V5.775C6.13286 5.37679 6.44821 5.04607 6.84643 5.03607H9.10321L9.10286 6.09036ZM12.8043 10.2079C12.3329 11.3061 11.4882 11.0875 11.11 10.2079L9.73393 5.03643H10.8971L11.9582 9.09786L13.0143 5.03643H14.1779L12.8043 10.2079Z" fill="black" />
         </svg>
     </symbol>
     <symbol id="lfx">
@@ -214,7 +214,7 @@
     </symbol>
     <symbol id="stackoverflow">
         <svg width="16px" height="16px" viewBox="0 0 32 32">
-            <path
+            <path fill="#F58025"
                 d="M8.696 23.002v2.662h13.321v-2.662h-13.321zM3.366 20.336v10.659h23.981v-10.659h-2.666v7.994h-18.652v-7.993h-2.663zM9.483 16.928l-0.55 2.616 13.087 2.75 0.55-2.614-13.087-2.753zM11.795 10.855l-1.131 2.424 12.124 5.645 1.13-2.424zM15.731 5.276l-1.711 2.054 10.278 8.56 1.711-2.054zM20.655 1.004l-2.149 1.596 7.985 10.732 2.144-1.596z" />
         </svg>
     </symbol>
@@ -222,7 +222,7 @@
     <symbol id="hackernews">
         <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
             xmlns="http://www.w3.org/2000/svg">
-            <path d="M16 0H0V16H16V0Z" fill="#D1D5DB" />
+            <path d="M16 0H0V16H16V0Z" fill="#ff6600" />
         </svg>
         <svg width="8" height="10" viewBox="0 0 8 10" fill="none" xmlns="http://www.w3.org/2000/svg">
             <path
@@ -233,9 +233,11 @@
     <symbol id="reddit">
         <svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
             <path
-                d="M6.167 8a.831.831 0 0 0-.83.83c0 .459.372.84.83.831a.831.831 0 0 0 0-1.661zm1.843 3.647c.315 0 1.403-.038 1.976-.611a.232.232 0 0 0 0-.306.213.213 0 0 0-.306 0c-.353.363-1.126.487-1.67.487-.545 0-1.308-.124-1.671-.487a.213.213 0 0 0-.306 0 .213.213 0 0 0 0 .306c.564.563 1.652.61 1.977.61zm.992-2.807c0 .458.373.83.831.83.458 0 .83-.381.83-.83a.831.831 0 0 0-1.66 0z" />
+                d="M6.167 8a.831.831 0 0 0-.83.83c0 .459.372.84.83.831a.831.831 0 0 0 0-1.661zm1.843 3.647c.315 0 1.403-.038 1.976-.611a.232.232 0 0 0 0-.306.213.213 0 0 0-.306 0c-.353.363-1.126.487-1.67.487-.545 0-1.308-.124-1.671-.487a.213.213 0 0 0-.306 0 .213.213 0 0 0 0 .306c.564.563 1.652.61 1.977.61zm.992-2.807c0 .458.373.83.831.83.458 0 .83-.381.83-.83a.831.831 0 0 0-1.66 0z"
+                fill="#FF4500" />
             <path
-                d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.828-1.165c-.315 0-.602.124-.812.325-.801-.573-1.9-.945-3.121-.993l.534-2.501 1.738.372a.83.83 0 1 0 .83-.869.83.83 0 0 0-.744.468l-1.938-.41a.203.203 0 0 0-.153.028.186.186 0 0 0-.086.134l-.592 2.788c-1.24.038-2.358.41-3.17.992-.21-.2-.496-.324-.81-.324a1.163 1.163 0 0 0-.478 2.224c-.02.115-.029.23-.029.353 0 1.795 2.091 3.256 4.669 3.256 2.577 0 4.668-1.451 4.668-3.256 0-.114-.01-.238-.029-.353.401-.181.688-.592.688-1.069 0-.65-.525-1.165-1.165-1.165z" />
+                d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.828-1.165c-.315 0-.602.124-.812.325-.801-.573-1.9-.945-3.121-.993l.534-2.501 1.738.372a.83.83 0 1 0 .83-.869.83.83 0 0 0-.744.468l-1.938-.41a.203.203 0 0 0-.153.028.186.186 0 0 0-.086.134l-.592 2.788c-1.24.038-2.358.41-3.17.992-.21-.2-.496-.324-.81-.324a1.163 1.163 0 0 0-.478 2.224c-.02.115-.029.23-.029.353 0 1.795 2.091 3.256 4.669 3.256 2.577 0 4.668-1.451 4.668-3.256 0-.114-.01-.238-.029-.353.401-.181.688-.592.688-1.069 0-.65-.525-1.165-1.165-1.165z"
+                fill="#FF4500" />
         </svg>
     </symbol>
     <symbol id="linkedin" viewBox="0 0 16 16">
@@ -243,7 +245,7 @@
             xmlns="http://www.w3.org/2000/svg">
             <path
                 d="M12.2233 12.226H10.4467V9.44133C10.4467 8.77733 10.4333 7.92267 9.52 7.92267C8.594 7.92267 8.45267 8.64533 8.45267 9.39267V12.226H6.67533V6.5H8.382V7.28H8.40533C8.644 6.83067 9.224 6.35533 10.0907 6.35533C11.8907 6.35533 12.224 7.54067 12.224 9.08267V12.226H12.2233ZM4.66867 5.71667C4.53304 5.71684 4.39871 5.69025 4.27338 5.6384C4.14804 5.58656 4.03418 5.51049 3.9383 5.41456C3.84243 5.31862 3.76644 5.20471 3.71467 5.07934C3.66291 4.95398 3.6364 4.81963 3.63667 4.684C3.6368 4.47989 3.69745 4.2804 3.81096 4.11076C3.92447 3.94113 4.08573 3.80896 4.27435 3.73097C4.46298 3.65298 4.67049 3.63268 4.87065 3.67263C5.07082 3.71258 5.25464 3.81098 5.39887 3.9554C5.54311 4.09983 5.64128 4.28377 5.68097 4.48399C5.72066 4.6842 5.70009 4.89169 5.62185 5.08021C5.54362 5.26873 5.41125 5.42983 5.24146 5.54311C5.07168 5.6564 4.87211 5.7168 4.668 5.71667H4.66867ZM5.55933 12.226H3.77733V6.5H5.56V12.226H5.55933ZM13.1133 2H2.886C2.39533 2 2 2.38667 2 2.86467V13.1353C2 13.6133 2.396 14 2.88533 14H13.1107C13.6 14 14 13.6133 14 13.1353V2.86467C14 2.38667 13.6 2 13.1107 2H13.1127H13.1133Z"
-                fill="#D1D5DB" />
+                fill="#0A66C2" />
         </svg>
     </symbol>
     <symbol id="enrichment">
@@ -285,7 +287,7 @@
                 <g mask="url(#mask0_203_2)">
                     <path
                         d="M15.6795 7.29827L8.70214 0.321399C8.60656 0.225757 8.49307 0.149886 8.36815 0.098122C8.24324 0.0463577 8.10935 0.0197144 7.97414 0.0197144C7.83892 0.0197144 7.70503 0.0463577 7.58012 0.098122C7.45521 0.149886 7.34172 0.225757 7.24614 0.321399L5.79779 1.77044L7.63535 3.60801C7.85139 3.53464 8.08365 3.52318 8.30586 3.57494C8.52807 3.6267 8.73136 3.7396 8.89275 3.90088C9.05503 4.06332 9.16831 4.26817 9.21964 4.49197C9.27097 4.71578 9.25828 4.94951 9.18301 5.16644L10.9547 6.93757C11.1716 6.86221 11.4055 6.84951 11.6293 6.90094C11.8532 6.95237 12.0581 7.06585 12.2204 7.22836C12.3341 7.34205 12.4243 7.47703 12.4859 7.62559C12.5474 7.77415 12.5791 7.93338 12.5791 8.09418C12.5791 8.25498 12.5474 8.41421 12.4859 8.56277C12.4243 8.71133 12.3341 8.84631 12.2204 8.96001C11.9905 9.18967 11.6788 9.31867 11.3539 9.31867C11.0289 9.31867 10.7173 9.18967 10.4874 8.96001C10.3166 8.78894 10.2002 8.57118 10.1529 8.33413C10.1056 8.09708 10.1295 7.85133 10.2216 7.62783L8.56944 5.97618V10.3235C8.74383 10.4096 8.89518 10.5361 9.01096 10.6924C9.12675 10.8486 9.20363 11.0303 9.23525 11.2222C9.26687 11.4141 9.25231 11.6108 9.19278 11.7959C9.13325 11.9811 9.03046 12.1494 8.89292 12.287C8.77923 12.4007 8.64424 12.4909 8.49568 12.5524C8.34712 12.614 8.1879 12.6456 8.02709 12.6456C7.86629 12.6456 7.70706 12.614 7.5585 12.5524C7.40994 12.4909 7.27496 12.4007 7.16127 12.287C7.04753 12.1733 6.9573 12.0383 6.89574 11.8897C6.83418 11.7411 6.8025 11.5819 6.8025 11.4211C6.8025 11.2602 6.83418 11.101 6.89574 10.9524C6.9573 10.8038 7.04753 10.6688 7.16127 10.5551C7.27584 10.4403 7.41203 10.3494 7.56196 10.2875V5.90018C7.41264 5.83868 7.27695 5.74828 7.16267 5.63417C7.04839 5.52007 6.95778 5.38451 6.89605 5.23529C6.83432 5.08606 6.80268 4.92611 6.80295 4.76462C6.80322 4.60313 6.83539 4.44329 6.89762 4.29427L5.08579 2.48209L0.301094 7.26557C0.108286 7.45876 0 7.72055 0 7.99349C0 8.26642 0.108286 8.52821 0.301094 8.7214L7.27883 15.6991C7.47201 15.8919 7.73376 16.0001 8.00666 16.0001C8.27955 16.0001 8.54131 15.8919 8.73449 15.6991L15.6795 8.75409C15.8723 8.56091 15.9806 8.29912 15.9806 8.02618C15.9806 7.75324 15.8723 7.49145 15.6795 7.29827Z"
-                        fill="#D1D5DB" />
+                        fill="#f1502f" />
                 </g>
             </g>
             <defs>
@@ -299,7 +301,7 @@
         <svg width="16" height="16" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg">
             <path
                 d="M225.9 32C103.3 32 0 130.5 0 252.1 0 256 .1 480 .1 480l225.8-.2c122.7 0 222.1-102.3 222.1-223.9C448 134.3 348.6 32 225.9 32zM224 384c-19.4 0-37.9-4.3-54.4-12.1L88.5 392l22.9-75c-9.8-18.1-15.4-38.9-15.4-61 0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128z"
-                fill="#D1D5DB" />
+                fill="black" />
         </svg>
     </symbol>
     <symbol id="enriched">
@@ -314,7 +316,7 @@
         </svg>
     </symbol>
     <symbol id="groupsio">
-        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 231 231"><g stroke-width="2" fill="none"><path vector-effect="non-scaling-stroke" d="M201.43 76.97c13.13-7.25 14.66-25.76 1.62-33.68-9.32-5.66-19.93-2.99-26.45 5.55a1.05 1.03 18.3 0 1-.83.41H55.26a.94.94 0 0 1-.69-.3q-4.42-4.57-6.16-5.6C24.95 29.48 5.82 64.71 29.68 76.98a.58.58 0 0 1 .32.52v76.49a.82.81 76 0 1-.43.72c-15.09 8.11-14.51 29.89 2.42 35.41q12.91 4.21 22.2-7.49.3-.38.78-.38H175.8q.5 0 .82.39 10.13 12.4 23.38 7.04c15.59-6.3 16.16-27.17 1.49-34.83q-.49-.25-.49-.8V77.71a.85.84 75.7 0 1 .43-.74"/><path vector-effect="non-scaling-stroke" d="M57.69 68.56q22.28 20.2 44.8 40.33a.65.65 0 0 0 .84.03q12.87-9.92 25.97-.21.46.34.89-.05l44.5-40.94a.96.94 62.2 0 0 .28-.94l-1.3-5.1a.57.57 0 0 0-.55-.43H57.95q-.57 0-.76.53c-.94 2.71-1.85 4.65.5 6.78"/><path vector-effect="non-scaling-stroke" d="M42.31 153.09c8.34 2.83 13.41 7.69 14.74 16.58a.69.69 0 0 0 .68.58h115.29q.65 0 .76-.64 2.09-12.91 14.69-16.41a.73.71 82.8 0 0 .53-.7V78.97a.78.78 0 0 0-.53-.74l-4.88-1.64a.88.87 32.5 0 0-.88.19l-46.7 42.99q-.39.36-.36.88c1.6 27.88-37.83 28.86-38.2 2.84q-.02-1.36-.31-2.77-.1-.5-.48-.84L48.37 76.61q-.42-.39-.95-.18l-5.08 1.97q-.59.23-.59.86v73.04q0 .6.56.79"/></g><path fill="#fff" d="M0 0h231v231H0V0Zm201.43 76.97c13.13-7.25 14.66-25.76 1.62-33.68-9.32-5.66-19.93-2.99-26.45 5.55a1.05 1.03 18.3 0 1-.83.41H55.26a.94.94 0 0 1-.69-.3q-4.42-4.57-6.16-5.6C24.95 29.48 5.82 64.71 29.68 76.98a.58.58 0 0 1 .32.52v76.49a.82.81 76 0 1-.43.72c-15.09 8.11-14.51 29.89 2.42 35.41q12.91 4.21 22.2-7.49.3-.38.78-.38H175.8q.5 0 .82.39 10.13 12.4 23.38 7.04c15.59-6.3 16.16-27.17 1.49-34.83q-.49-.25-.49-.8V77.71a.85.84 75.7 0 1 .43-.74Z"/><path d="M201.43 76.97a.85.84 75.7 0 0-.43.74v76.34q0 .55.49.8c14.67 7.66 14.1 28.53-1.49 34.83q-13.25 5.36-23.38-7.04-.32-.39-.82-.39H54.97q-.48 0-.78.38-9.29 11.7-22.2 7.49c-16.93-5.52-17.51-27.3-2.42-35.41a.82.81 76 0 0 .43-.72V77.5a.58.58 0 0 0-.32-.52c-23.86-12.27-4.73-47.5 18.73-33.63q1.74 1.03 6.16 5.6a.94.94 0 0 0 .69.3h120.51a1.05 1.03 18.3 0 0 .83-.41c6.52-8.54 17.13-11.21 26.45-5.55 13.04 7.92 11.51 26.43-1.62 33.68ZM57.69 68.56q22.28 20.2 44.8 40.33a.65.65 0 0 0 .84.03q12.87-9.92 25.97-.21.46.34.89-.05l44.5-40.94a.96.94 62.2 0 0 .28-.94l-1.3-5.1a.57.57 0 0 0-.55-.43H57.95q-.57 0-.76.53c-.94 2.71-1.85 4.65.5 6.78Zm-15.38 84.53c8.34 2.83 13.41 7.69 14.74 16.58a.69.69 0 0 0 .68.58h115.29q.65 0 .76-.64 2.09-12.91 14.69-16.41a.73.71 82.8 0 0 .53-.7V78.97a.78.78 0 0 0-.53-.74l-4.88-1.64a.88.87 32.5 0 0-.88.19l-46.7 42.99q-.39.36-.36.88c1.6 27.88-37.83 28.86-38.2 2.84q-.02-1.36-.31-2.77-.1-.5-.48-.84L48.37 76.61q-.42-.39-.95-.18l-5.08 1.97q-.59.23-.59.86v73.04q0 .6.56.79Z"/><path fill="#fff" d="M57.69 68.56c-2.35-2.13-1.44-4.07-.5-6.78q.19-.53.76-.53h115.17a.57.57 0 0 1 .55.43l1.3 5.1a.96.94 62.2 0 1-.28.94l-44.5 40.94q-.43.39-.89.05-13.1-9.71-25.97.21a.65.65 0 0 1-.84-.03q-22.52-20.13-44.8-40.33Z"/><path fill="#fff" d="M57.05 169.67c-1.33-8.89-6.4-13.75-14.74-16.58q-.56-.19-.56-.79V79.26q0-.63.59-.86l5.08-1.97q.53-.21.95.18l48.29 43.27q.38.34.48.84.29 1.41.31 2.77c.37 26.02 39.8 25.04 38.2-2.84q-.03-.52.36-.88l46.7-42.99a.88.87 32.5 0 1 .88-.19l4.88 1.64a.78.78 0 0 1 .53.74v73.53a.73.71 82.8 0 1-.53.7q-12.6 3.5-14.69 16.41-.11.64-.76.64H57.73a.69.69 0 0 1-.68-.58Z"/></svg>
+        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 231 231" fill="#229FE1"><g stroke-width="2" fill="none"><path vector-effect="non-scaling-stroke" d="M201.43 76.97c13.13-7.25 14.66-25.76 1.62-33.68-9.32-5.66-19.93-2.99-26.45 5.55a1.05 1.03 18.3 0 1-.83.41H55.26a.94.94 0 0 1-.69-.3q-4.42-4.57-6.16-5.6C24.95 29.48 5.82 64.71 29.68 76.98a.58.58 0 0 1 .32.52v76.49a.82.81 76 0 1-.43.72c-15.09 8.11-14.51 29.89 2.42 35.41q12.91 4.21 22.2-7.49.3-.38.78-.38H175.8q.5 0 .82.39 10.13 12.4 23.38 7.04c15.59-6.3 16.16-27.17 1.49-34.83q-.49-.25-.49-.8V77.71a.85.84 75.7 0 1 .43-.74"/><path vector-effect="non-scaling-stroke" d="M57.69 68.56q22.28 20.2 44.8 40.33a.65.65 0 0 0 .84.03q12.87-9.92 25.97-.21.46.34.89-.05l44.5-40.94a.96.94 62.2 0 0 .28-.94l-1.3-5.1a.57.57 0 0 0-.55-.43H57.95q-.57 0-.76.53c-.94 2.71-1.85 4.65.5 6.78"/><path vector-effect="non-scaling-stroke" d="M42.31 153.09c8.34 2.83 13.41 7.69 14.74 16.58a.69.69 0 0 0 .68.58h115.29q.65 0 .76-.64 2.09-12.91 14.69-16.41a.73.71 82.8 0 0 .53-.7V78.97a.78.78 0 0 0-.53-.74l-4.88-1.64a.88.87 32.5 0 0-.88.19l-46.7 42.99q-.39.36-.36.88c1.6 27.88-37.83 28.86-38.2 2.84q-.02-1.36-.31-2.77-.1-.5-.48-.84L48.37 76.61q-.42-.39-.95-.18l-5.08 1.97q-.59.23-.59.86v73.04q0 .6.56.79"/></g><path fill="#fff" d="M0 0h231v231H0V0Zm201.43 76.97c13.13-7.25 14.66-25.76 1.62-33.68-9.32-5.66-19.93-2.99-26.45 5.55a1.05 1.03 18.3 0 1-.83.41H55.26a.94.94 0 0 1-.69-.3q-4.42-4.57-6.16-5.6C24.95 29.48 5.82 64.71 29.68 76.98a.58.58 0 0 1 .32.52v76.49a.82.81 76 0 1-.43.72c-15.09 8.11-14.51 29.89 2.42 35.41q12.91 4.21 22.2-7.49.3-.38.78-.38H175.8q.5 0 .82.39 10.13 12.4 23.38 7.04c15.59-6.3 16.16-27.17 1.49-34.83q-.49-.25-.49-.8V77.71a.85.84 75.7 0 1 .43-.74Z"/><path d="M201.43 76.97a.85.84 75.7 0 0-.43.74v76.34q0 .55.49.8c14.67 7.66 14.1 28.53-1.49 34.83q-13.25 5.36-23.38-7.04-.32-.39-.82-.39H54.97q-.48 0-.78.38-9.29 11.7-22.2 7.49c-16.93-5.52-17.51-27.3-2.42-35.41a.82.81 76 0 0 .43-.72V77.5a.58.58 0 0 0-.32-.52c-23.86-12.27-4.73-47.5 18.73-33.63q1.74 1.03 6.16 5.6a.94.94 0 0 0 .69.3h120.51a1.05 1.03 18.3 0 0 .83-.41c6.52-8.54 17.13-11.21 26.45-5.55 13.04 7.92 11.51 26.43-1.62 33.68ZM57.69 68.56q22.28 20.2 44.8 40.33a.65.65 0 0 0 .84.03q12.87-9.92 25.97-.21.46.34.89-.05l44.5-40.94a.96.94 62.2 0 0 .28-.94l-1.3-5.1a.57.57 0 0 0-.55-.43H57.95q-.57 0-.76.53c-.94 2.71-1.85 4.65.5 6.78Zm-15.38 84.53c8.34 2.83 13.41 7.69 14.74 16.58a.69.69 0 0 0 .68.58h115.29q.65 0 .76-.64 2.09-12.91 14.69-16.41a.73.71 82.8 0 0 .53-.7V78.97a.78.78 0 0 0-.53-.74l-4.88-1.64a.88.87 32.5 0 0-.88.19l-46.7 42.99q-.39.36-.36.88c1.6 27.88-37.83 28.86-38.2 2.84q-.02-1.36-.31-2.77-.1-.5-.48-.84L48.37 76.61q-.42-.39-.95-.18l-5.08 1.97q-.59.23-.59.86v73.04q0 .6.56.79Z"/><path fill="#fff" d="M57.69 68.56c-2.35-2.13-1.44-4.07-.5-6.78q.19-.53.76-.53h115.17a.57.57 0 0 1 .55.43l1.3 5.1a.96.94 62.2 0 1-.28.94l-44.5 40.94q-.43.39-.89.05-13.1-9.71-25.97.21a.65.65 0 0 1-.84-.03q-22.52-20.13-44.8-40.33Z"/><path fill="#fff" d="M57.05 169.67c-1.33-8.89-6.4-13.75-14.74-16.58q-.56-.19-.56-.79V79.26q0-.63.59-.86l5.08-1.97q.53-.21.95.18l48.29 43.27q.38.34.48.84.29 1.41.31 2.77c.37 26.02 39.8 25.04 38.2-2.84q-.03-.52.36-.88l46.7-42.99a.88.87 32.5 0 1 .88-.19l4.88 1.64a.78.78 0 0 1 .53.74v73.53a.73.71 82.8 0 1-.53.7q-12.6 3.5-14.69 16.41-.11.64-.76.64H57.73a.69.69 0 0 1-.68-.58Z"/></svg>
     </symbol>
     <symbol id="unverify">
         <svg viewBox="0 0 16 16">
@@ -346,4 +348,21 @@
             <path d="M1.99984 3.99984H13.9998V11.9998H1.99984V3.99984ZM1.33317 2.6665C0.964984 2.6665 0.666504 2.96498 0.666504 3.33317V12.6665C0.666504 13.0347 0.964984 13.3332 1.33317 13.3332H14.6665C15.0347 13.3332 15.3332 13.0347 15.3332 12.6665V3.33317C15.3332 2.96498 15.0347 2.6665 14.6665 2.6665H1.33317ZM8.6665 5.33317H12.6665V6.6665H8.6665V5.33317ZM11.9998 7.99984H8.6665V9.33317H11.9998V7.99984ZM6.99984 6.6665C6.99984 7.58697 6.25364 8.33317 5.33317 8.33317C4.4127 8.33317 3.6665 7.58697 3.6665 6.6665C3.6665 5.74603 4.4127 4.99984 5.33317 4.99984C6.25364 4.99984 6.99984 5.74603 6.99984 6.6665ZM5.33317 8.99984C4.0445 8.99984 2.99984 10.0445 2.99984 11.3332H7.6665C7.6665 10.0445 6.62184 8.99984 5.33317 8.99984Z" fill="currentColor"/>
         </svg>
     </symbol>
+    <symbol id="jira">
+        <svg viewBox="0 0 16 16" fill="none">
+            <path d="M14.6795 0H7.30244C7.30244 1.84341 8.80005 3.33008 10.6254 3.33008H12.0643V4.64218C12.0655 6.47665 13.5551 7.96268 15.3864 7.96388V0.639961C15.3864 0.286621 15.033 0 14.6795 0Z" fill="#2684FF"/>
+            <path d="M11.0293 3.67572H3.65228C3.65348 5.51019 5.14308 6.99622 6.97436 6.99742H8.41324V8.31392C8.41564 10.1484 9.90644 11.6325 11.7301 11.6325V4.31568C11.7301 3.96234 11.3767 3.67572 11.0293 3.67572Z" fill="url(#paint0_linear_jira)"/>
+            <path d="M7.37706 7.34943H0C0 9.18844 1.49101 10.6733 3.33012 10.6733H4.69321V11.9851C4.69441 13.8196 6.18041 15.3056 8.01376 15.3092V7.98939C8.01376 7.63605 7.66036 7.34943 7.37706 7.34943Z" fill="url(#paint1_linear_jira)"/>
+            <defs>
+                <linearGradient id="paint0_linear_jira" x1="11.6185" y1="3.70572" x2="7.03708" y2="8.13708" gradientUnits="userSpaceOnUse">
+                    <stop offset="0.18" stop-color="#0052CC"/>
+                    <stop offset="1" stop-color="#2684FF"/>
+                </linearGradient>
+                <linearGradient id="paint1_linear_jira" x1="8.03986" y1="7.37943" x2="3.32428" y2="11.9491" gradientUnits="userSpaceOnUse">
+                    <stop offset="0.18" stop-color="#0052CC"/>
+                    <stop offset="1" stop-color="#2684FF"/>
+                </linearGradient>
+            </defs>
+        </svg>
+    </symbol>
 </svg>
diff --git a/frontend/src/modules/dashboard/components/dashboard-project-group-drawer.vue b/frontend/src/modules/dashboard/components/dashboard-project-group-drawer.vue
index f31a998819..02b869af37 100644
--- a/frontend/src/modules/dashboard/components/dashboard-project-group-drawer.vue
+++ b/frontend/src/modules/dashboard/components/dashboard-project-group-drawer.vue
@@ -79,12 +79,22 @@
                     class="flex gap-3 items-center"
                   >
                     <div
-                      v-for="{ id, platform, status } in subproject.integrations"
+                      v-for="{
+                        id,
+                        platform,
+                        status,
+                        type,
+                      } in subproject.integrations"
                       :key="id"
                       class="relative w-6 h-6 flex items-center justify-center"
                     >
                       <app-platform-svg
                         :platform="platform"
+                        :color="
+                          platform === 'github' && type === 'mapped'
+                            ? 'gray'
+                            : 'black'
+                        "
                       />
                       <i
                         v-if="status === 'no-data'"
@@ -141,7 +151,10 @@ import { LfService } from '@/modules/lf/segments/lf-segments-service';
 import pluralize from 'pluralize';
 import AppPlatformSvg from '@/shared/modules/platform/components/platform-svg.vue';
 import useProductTracking from '@/shared/modules/monitoring/useProductTracking';
-import { EventType, FeatureEventKey } from '@/shared/modules/monitoring/types/event';
+import {
+  EventType,
+  FeatureEventKey,
+} from '@/shared/modules/monitoring/types/event';
 
 const emit = defineEmits(['update:isVisible']);
 const props = defineProps({
@@ -181,7 +194,8 @@ const offset = computed(() => {
 });
 
 const isLoadMoreVisible = computed(
-  () => pagination.value.currentPage * pagination.value.pageSize < pagination.value.count || loading.value,
+  () => pagination.value.currentPage * pagination.value.pageSize
+      < pagination.value.count || loading.value,
 );
 
 const { trackEvent } = useProductTracking();
diff --git a/frontend/src/modules/lf/segments/components/view/lf-projects-table.vue b/frontend/src/modules/lf/segments/components/view/lf-projects-table.vue
index e1d0408b7d..e786d323a0 100644
--- a/frontend/src/modules/lf/segments/components/view/lf-projects-table.vue
+++ b/frontend/src/modules/lf/segments/components/view/lf-projects-table.vue
@@ -16,7 +16,9 @@
       <template #header>
         <div>
           <span class="pt-1.5 pb-3 block">Project</span>
-          <div class="text-base font-semibold text-gray-900 normal-case flex items-center h-8 mb-4">
+          <div
+            class="text-base font-semibold text-gray-900 normal-case flex items-center h-8 mb-4"
+          >
             {{ project.name }}
           </div>
         </div>
@@ -27,10 +29,7 @@
     </el-table-column>
 
     <!-- Connected Integrations -->
-    <el-table-column
-      width="250"
-      class-name="table-columns !py-0 !bg-white"
-    >
+    <el-table-column width="250" class-name="table-columns !py-0 !bg-white">
       <template #header>
         <div>
           <span class="pt-1.5 pb-3 block">Connected Integrations</span>
@@ -42,21 +41,27 @@
       <template #default="{ row }">
         <div
           v-if="row.integrations?.length"
-          class="flex gap-1 items-center py-2"
+          class="flex gap-1 items-center py-2 overflow-x-auto"
+          style="max-width: 100%; scrollbar-width: thin"
         >
-          <div
-            v-for="integration in row.integrations"
-            :key="integration.id"
-          >
+          <div v-for="integration in row.integrations" :key="integration.id">
             <el-popover
-              :disabled="integration.status !== 'in-progress' || (!getProgress(row.id, integration.platform) && !progressError)"
+              :disabled="
+                integration.status !== 'in-progress'
+                  && integration.type !== 'mapped'
+                  && !getProgress(row.id, integration.platform)
+                  && !progressError
+              "
               :width="290"
               placement="top"
             >
               <template #reference>
-                <div class="relative w-6 h-6 flex items-center justify-center">
+                <div
+                  class="relative w-6 h-6 flex-shrink-0 flex items-center justify-center"
+                >
                   <app-platform-svg
                     :platform="integration.platform"
+                    :color="integration.platform === 'github' && integration?.type === 'mapped' ? 'gray' : 'black'"
                   />
 
                   <i
@@ -76,19 +81,36 @@
                 </div>
               </template>
               <div class="px-1">
-                <app-integration-progress
-                  v-if="!progressError"
-                  :progress="getProgress(row.id, integration.platform)"
-                  :show-bar="true"
-                  :show-parts="true"
-                >
-                  <h6 class="text-xs text-black leading-5 pb-3">
-                    Connecting {{ CrowdIntegrations.getConfig(integration.platform)?.name }} integration
-                  </h6>
-                </app-integration-progress>
-                <div v-if="progressError" class="text-xs text-gray-500">
-                  <i class="ri-alert-line text-yellow-600" /> Error loading progress
-                </div>
+                <template v-if="integration.type === 'mapped'">
+                  <p class="text-xs text-black leading-5">
+                    Syncing
+                    {{
+                      CrowdIntegrations.getConfig(integration.platform)?.name
+                    }}
+                    data since this sub-project is mapped with
+                    <b>{{ integration.mappedWith }}</b> sub-project
+                  </p>
+                </template>
+                <template v-else>
+                  <app-integration-progress
+                    v-if="!progressError"
+                    :progress="getProgress(row.id, integration.platform)"
+                    :show-bar="true"
+                    :show-parts="true"
+                  >
+                    <h6 class="text-xs text-black leading-5 pb-3">
+                      Connecting
+                      {{
+                        CrowdIntegrations.getConfig(integration.platform)?.name
+                      }}
+                      integration
+                    </h6>
+                  </app-integration-progress>
+                  <div v-if="progressError" class="text-xs text-gray-500">
+                    <i class="ri-alert-line text-yellow-600" /> Error loading
+                    progress
+                  </div>
+                </template>
               </div>
             </el-popover>
           </div>
@@ -98,10 +120,7 @@
     </el-table-column>
 
     <!-- Status -->
-    <el-table-column
-      width="150"
-      class-name="table-columns !bg-white"
-    >
+    <el-table-column width="150" class-name="table-columns !bg-white">
       <template #header>
         <div>
           <span class="pt-1.5 pb-3 block">Status</span>
@@ -135,7 +154,11 @@
       </template>
     </el-table-column>
 
-    <el-table-column fixed="right" width="288" class-name="table-columns !bg-white">
+    <el-table-column
+      fixed="right"
+      width="288"
+      class-name="table-columns !bg-white"
+    >
       <template #header>
         <span class="h-10 block" />
         <div class="flex justify-end mb-4">
@@ -147,7 +170,10 @@
         </div>
       </template>
       <template #default="{ row }">
-        <div v-if="hasAccessToSegmentId(row.id)" class="h-10 items-center flex justify-end gap-3">
+        <div
+          v-if="hasAccessToSegmentId(row.id)"
+          class="h-10 items-center flex justify-end gap-3"
+        >
           <router-link
             :to="{
               name: 'integration',
@@ -169,17 +195,36 @@
       </template>
     </el-table-column>
 
-    <template v-if="project.subprojects?.length && (hasPermission(LfPermission.subProjectCreate) && hasAccessToSegmentId(project.id))" #append>
+    <template
+      v-if="
+        project.subprojects?.length
+          && hasPermission(LfPermission.subProjectCreate)
+          && hasAccessToSegmentId(project.id)
+      "
+      #append
+    >
       <div class="w-full flex justify-start p-6">
-        <el-button class="btn btn-link btn-link--primary" @click="emit('onAddSubProject', project)">
+        <el-button
+          class="btn btn-link btn-link--primary"
+          @click="emit('onAddSubProject', project)"
+        >
           + Add sub-project
         </el-button>
       </div>
     </template>
 
-    <template v-if="(hasPermission(LfPermission.subProjectCreate) && hasAccessToSegmentId(project.id))" #empty>
+    <template
+      v-if="
+        hasPermission(LfPermission.subProjectCreate)
+          && hasAccessToSegmentId(project.id)
+      "
+      #empty
+    >
       <div class="w-full flex justify-start p-6">
-        <el-button class="btn btn-link btn-link--primary" @click="emit('onAddSubProject', project)">
+        <el-button
+          class="btn btn-link btn-link--primary"
+          @click="emit('onAddSubProject', project)"
+        >
           + Add sub-project
         </el-button>
       </div>
@@ -201,7 +246,11 @@ import { CrowdIntegrations } from '@/integrations/integrations-config';
 
 const route = useRoute();
 
-const emit = defineEmits(['onEditProject', 'onEditSubProject', 'onAddSubProject']);
+const emit = defineEmits([
+  'onEditProject',
+  'onEditSubProject',
+  'onAddSubProject',
+]);
 const props = defineProps({
   project: {
     type: Object,
@@ -210,7 +259,7 @@ const props = defineProps({
   progress: {
     type: Array,
     required: false,
-    default: () => ([]),
+    default: () => [],
   },
   progressError: {
     type: Boolean,
@@ -222,7 +271,9 @@ const { hasPermission, hasAccessToSegmentId } = usePermissions();
 
 const statusDisplay = (status) => statusOptions.find((s) => s.value === status);
 
-const getProgress = (segmentId, platform) => (props.progress || []).find((p) => p.segmentId === segmentId && p.platform === platform);
+const getProgress = (segmentId, platform) => (props.progress || []).find(
+  (p) => p.segmentId === segmentId && p.platform === platform,
+);
 </script>
 
 <script>
@@ -234,7 +285,7 @@ export default {
 <style lang="scss">
 #projects-table {
   @apply rounded-md shadow;
-  border: 1px solid #E5E7EB;
+  border: 1px solid #e5e7eb;
 
   thead .table-columns {
     @apply align-top h-auto px-6;
@@ -245,7 +296,7 @@ export default {
   }
 
   tbody {
-    tr td:last-child{
+    tr td:last-child {
       @apply px-6;
     }
 
@@ -253,8 +304,8 @@ export default {
       @apply align-middle h-14 px-6;
 
       &.el-table-fixed-column--right .cell {
-          @apply justify-end;
-        }
+        @apply justify-end;
+      }
     }
 
     .cell {
@@ -265,7 +316,7 @@ export default {
   }
 
   .el-table__empty-text {
-    @apply w-full
+    @apply w-full;
   }
 
   .el-table__append-wrapper {
diff --git a/frontend/src/shared/modules/platform/components/platform-svg.vue b/frontend/src/shared/modules/platform/components/platform-svg.vue
index 33236bf8e0..ece67403e4 100644
--- a/frontend/src/shared/modules/platform/components/platform-svg.vue
+++ b/frontend/src/shared/modules/platform/components/platform-svg.vue
@@ -1,7 +1,7 @@
 <template>
   <lf-svg
     :class="svgClass"
-    color="#D1D5DB"
+    :color="color"
     :name="platform"
   />
 </template>
@@ -12,9 +12,12 @@ import { computed } from 'vue';
 
 const props = defineProps<{
     platform: string;
-    size: string;
+    size?: string;
+    color?: string;
 }>();
 
+const color = computed(() => props.color || undefined);
+
 const svgClass = computed(() => {
   if (props.size === 'large') {
     return 'max-w-[20px] h-5';