diff --git a/src/app/groups/group-tabs/feature-tabs/components/download-artifacts-icon/download-artifacts-icon.component.html b/src/app/groups/group-tabs/feature-tabs/components/download-artifacts-icon/download-artifacts-icon.component.html
index 114e81c..1893abd 100644
--- a/src/app/groups/group-tabs/feature-tabs/components/download-artifacts-icon/download-artifacts-icon.component.html
+++ b/src/app/groups/group-tabs/feature-tabs/components/download-artifacts-icon/download-artifacts-icon.component.html
@@ -13,19 +13,19 @@
 <nz-dropdown-menu #menu>
   <ul nz-menu>
     @for (job of jobs(); track job.id) {
-    <li nz-menu-item>
-      <button
-        [nzLoading]="loading()"
-        (click)="download(job)"
-        [style.color]="job.status | statusColor"
-        nz-button
-        nzType="link"
-        nzSize="small"
-      >
-        <nz-icon nzType="download" />
-        {{ job.name }}
-      </button>
-    </li>
+      <li nz-menu-item>
+        <button
+          [nzLoading]="loading()"
+          (click)="download(job)"
+          [style.color]="job.status | statusColor"
+          nz-button
+          nzType="link"
+          nzSize="small"
+        >
+          <nz-icon nzType="download" />
+          {{ job.name }}
+        </button>
+      </li>
     }
   </ul>
 </nz-dropdown-menu>
diff --git a/src/app/groups/group-tabs/feature-tabs/components/download-artifacts-icon/download-artifacts-icon.component.ts b/src/app/groups/group-tabs/feature-tabs/components/download-artifacts-icon/download-artifacts-icon.component.ts
index 0354f60..4657946 100644
--- a/src/app/groups/group-tabs/feature-tabs/components/download-artifacts-icon/download-artifacts-icon.component.ts
+++ b/src/app/groups/group-tabs/feature-tabs/components/download-artifacts-icon/download-artifacts-icon.component.ts
@@ -9,22 +9,13 @@ import FileSaver from 'file-saver'
 import { NzButtonModule } from 'ng-zorro-antd/button'
 import { NzDropDownModule } from 'ng-zorro-antd/dropdown'
 import { NzIconModule } from 'ng-zorro-antd/icon'
-import { NzSpaceModule } from 'ng-zorro-antd/space'
 import { NzToolTipModule } from 'ng-zorro-antd/tooltip'
 import { combineLatest, switchMap } from 'rxjs'
 import { StatusColorPipe } from '../../pipes/status-color.pipe'
 
 @Component({
   selector: 'gcd-download-artifacts-icon',
-  imports: [
-    CommonModule,
-    NzSpaceModule,
-    NzButtonModule,
-    NzIconModule,
-    NzDropDownModule,
-    NzToolTipModule,
-    StatusColorPipe
-  ],
+  imports: [CommonModule, NzButtonModule, NzIconModule, NzDropDownModule, NzToolTipModule, StatusColorPipe],
   templateUrl: './download-artifacts-icon.component.html',
   styleUrls: ['./download-artifacts-icon.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush
diff --git a/src/app/groups/group-tabs/feature-tabs/components/open-gitlab-icon/open-gitlab-icon.component.html b/src/app/groups/group-tabs/feature-tabs/components/open-gitlab-icon/open-gitlab-icon.component.html
new file mode 100644
index 0000000..1c4b15d
--- /dev/null
+++ b/src/app/groups/group-tabs/feature-tabs/components/open-gitlab-icon/open-gitlab-icon.component.html
@@ -0,0 +1,3 @@
+<button (click)="onClick($event)" nz-tooltip nzTooltipTitle="Open in Gitlab" nz-button>
+  <span nz-icon nzType="gitlab"></span>
+</button>
diff --git a/src/app/groups/group-tabs/feature-tabs/components/open-gitlab-icon/open-gitlab-icon.component.scss b/src/app/groups/group-tabs/feature-tabs/components/open-gitlab-icon/open-gitlab-icon.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/groups/group-tabs/feature-tabs/components/open-gitlab-icon/open-gitlab-icon.component.ts b/src/app/groups/group-tabs/feature-tabs/components/open-gitlab-icon/open-gitlab-icon.component.ts
new file mode 100644
index 0000000..168f9fa
--- /dev/null
+++ b/src/app/groups/group-tabs/feature-tabs/components/open-gitlab-icon/open-gitlab-icon.component.ts
@@ -0,0 +1,21 @@
+import { CommonModule } from '@angular/common'
+import { ChangeDetectionStrategy, Component, input } from '@angular/core'
+import { NzButtonModule } from 'ng-zorro-antd/button'
+import { NzIconModule } from 'ng-zorro-antd/icon'
+import { NzToolTipModule } from 'ng-zorro-antd/tooltip'
+
+@Component({
+  selector: 'gcd-open-gitlab-icon',
+  imports: [CommonModule, NzButtonModule, NzIconModule, NzToolTipModule],
+  templateUrl: './open-gitlab-icon.component.html',
+  styleUrls: ['./open-gitlab-icon.component.scss'],
+  changeDetection: ChangeDetectionStrategy.OnPush
+})
+export class OpenGitlabIconComponent {
+  url = input.required<string>()
+
+  onClick(e: MouseEvent) {
+    e.stopPropagation()
+    window.open(this.url(), '_blank')
+  }
+}
diff --git a/src/app/groups/group-tabs/feature-tabs/components/write-actions-icon/cancel-pipeline-action/cancel-pipeline-action.component.html b/src/app/groups/group-tabs/feature-tabs/components/write-actions-icon/cancel-pipeline-action/cancel-pipeline-action.component.html
index 205b525..0bbb20c 100644
--- a/src/app/groups/group-tabs/feature-tabs/components/write-actions-icon/cancel-pipeline-action/cancel-pipeline-action.component.html
+++ b/src/app/groups/group-tabs/feature-tabs/components/write-actions-icon/cancel-pipeline-action/cancel-pipeline-action.component.html
@@ -17,4 +17,4 @@
 </button>
 } -->
 
-<div>Cancel pipeline</div>
\ No newline at end of file
+<div>Cancel pipeline</div>
diff --git a/src/app/groups/group-tabs/feature-tabs/components/write-actions-icon/retry-pipeline-action/retry-pipeline-action.component.html b/src/app/groups/group-tabs/feature-tabs/components/write-actions-icon/retry-pipeline-action/retry-pipeline-action.component.html
index 7836d78..7da8022 100644
--- a/src/app/groups/group-tabs/feature-tabs/components/write-actions-icon/retry-pipeline-action/retry-pipeline-action.component.html
+++ b/src/app/groups/group-tabs/feature-tabs/components/write-actions-icon/retry-pipeline-action/retry-pipeline-action.component.html
@@ -11,4 +11,4 @@
 </button>
 } -->
 
-<div>Retry pipeline</div>
\ No newline at end of file
+<div>Retry pipeline</div>
diff --git a/src/app/groups/group-tabs/feature-tabs/components/write-actions-icon/write-actions-icon.component.ts b/src/app/groups/group-tabs/feature-tabs/components/write-actions-icon/write-actions-icon.component.ts
index 97c966e..a5596fb 100644
--- a/src/app/groups/group-tabs/feature-tabs/components/write-actions-icon/write-actions-icon.component.ts
+++ b/src/app/groups/group-tabs/feature-tabs/components/write-actions-icon/write-actions-icon.component.ts
@@ -5,7 +5,6 @@ import { ChangeDetectionStrategy, Component, computed, HostBinding, HostListener
 import { NzButtonModule } from 'ng-zorro-antd/button'
 import { NzDropDownModule } from 'ng-zorro-antd/dropdown'
 import { NzIconModule } from 'ng-zorro-antd/icon'
-import { NzSpaceModule } from 'ng-zorro-antd/space'
 import { NzToolTipModule } from 'ng-zorro-antd/tooltip'
 import { StartPipelineActionComponent } from './start-pipeline-action/start-pipeline-action.component'
 import { PipelineId } from '$groups/model/pipeline'
@@ -16,7 +15,6 @@ import { RetryPipelineActionComponent } from './retry-pipeline-action/retry-pipe
   selector: 'gcd-write-actions-icon',
   imports: [
     CommonModule,
-    NzSpaceModule,
     NzButtonModule,
     NzIconModule,
     NzDropDownModule,
diff --git a/src/app/groups/group-tabs/feature-tabs/latest-pipelines/pipeline-status-tabs/pipeline-table/pipeline-table-branch/pipeline-table-branch.component.html b/src/app/groups/group-tabs/feature-tabs/latest-pipelines/pipeline-status-tabs/pipeline-table/pipeline-table-branch/pipeline-table-branch.component.html
index 2f95ced..864e64c 100644
--- a/src/app/groups/group-tabs/feature-tabs/latest-pipelines/pipeline-status-tabs/pipeline-table/pipeline-table-branch/pipeline-table-branch.component.html
+++ b/src/app/groups/group-tabs/feature-tabs/latest-pipelines/pipeline-status-tabs/pipeline-table/pipeline-table-branch/pipeline-table-branch.component.html
@@ -17,9 +17,9 @@
     <thead>
       <tr>
         @for (header of headers; track header.title) {
-        <th [nzSortFn]="header.compare" [nzShowSort]="header.sortable">
-          {{ header.title }}
-        </th>
+          <th [nzSortFn]="header.compare" [nzShowSort]="header.sortable">
+            {{ header.title }}
+          </th>
         }
         <th>Jobs</th>
         <th>Action</th>
@@ -27,38 +27,49 @@
     </thead>
     <tbody>
       @for (data of nzTable.data; track trackByBranchName(data)) {
-      <tr [attr.data-pipeline-id]="data.pipeline?.id">
-        <td>{{ data.branch.name }}</td>
-        <td>
-          @if (data.pipeline; as pipeline) {
-          <nz-badge [nzColor]="pipeline.status | statusColor" [nzText]="pipeline.status"></nz-badge>
-          } @else { - }
-        </td>
-        <td>{{ data.pipeline?.source || '-' }}</td>
-        <td>
-          @if (data.pipeline; as pipeline) {
-          {{ pipeline.updated_at | date : 'medium' : timeZone : locale }}
-          } @else { - }
-        </td>
-        <td>
-          @if (data.pipeline; as pipeline) {
-          <gcd-jobs [projectId]="pipeline.project_id" [pipelineId]="pipeline.id" [scope]="getScope(pipeline.status)" />
-          } @else { - }
-        </td>
-        <td>
-          @if (data.pipeline; as pipeline) { @if(showWriteActions()) {
-          <gcd-write-actions-icon
-            [projectId]="pipeline.project_id"
-            [pipelineId]="pipeline.id"
-            [branch]="data.branch.name"
-          />
-          }
-          <button (click)="onActionClick($event, pipeline)" nz-tooltip nzTooltipTitle="Open in Gitlab" nz-button>
-            <span nz-icon nzType="gitlab"></span>
-          </button>
-          } @else { - }
-        </td>
-      </tr>
+        <tr [attr.data-pipeline-id]="data.pipeline?.id">
+          <td>{{ data.branch.name }}</td>
+          <td>
+            @if (data.pipeline; as pipeline) {
+              <nz-badge [nzColor]="pipeline.status | statusColor" [nzText]="pipeline.status"></nz-badge>
+            } @else {
+              -
+            }
+          </td>
+          <td>{{ data.pipeline?.source || '-' }}</td>
+          <td>
+            @if (data.pipeline; as pipeline) {
+              {{ pipeline.updated_at | date: 'medium' : timeZone : locale }}
+            } @else {
+              -
+            }
+          </td>
+          <td>
+            @if (data.pipeline; as pipeline) {
+              <gcd-jobs
+                [projectId]="pipeline.project_id"
+                [pipelineId]="pipeline.id"
+                [scope]="getScope(pipeline.status)"
+              />
+            } @else {
+              -
+            }
+          </td>
+          <td>
+            @if (data.pipeline; as pipeline) {
+              @if (showWriteActions()) {
+                <gcd-write-actions-icon
+                  [projectId]="pipeline.project_id"
+                  [pipelineId]="pipeline.id"
+                  [branch]="data.branch.name"
+                />
+              }
+              <gcd-open-gitlab-icon [url]="pipeline.web_url" />
+            } @else {
+              -
+            }
+          </td>
+        </tr>
       }
     </tbody>
   </nz-table>
diff --git a/src/app/groups/group-tabs/feature-tabs/latest-pipelines/pipeline-status-tabs/pipeline-table/pipeline-table-branch/pipeline-table-branch.component.ts b/src/app/groups/group-tabs/feature-tabs/latest-pipelines/pipeline-status-tabs/pipeline-table/pipeline-table-branch/pipeline-table-branch.component.ts
index 783e144..28fd0c2 100644
--- a/src/app/groups/group-tabs/feature-tabs/latest-pipelines/pipeline-status-tabs/pipeline-table/pipeline-table-branch/pipeline-table-branch.component.ts
+++ b/src/app/groups/group-tabs/feature-tabs/latest-pipelines/pipeline-status-tabs/pipeline-table/pipeline-table-branch/pipeline-table-branch.component.ts
@@ -1,12 +1,14 @@
 import { JobsComponent } from '$groups/group-tabs/feature-tabs/components/jobs/jobs.component'
+import { OpenGitlabIconComponent } from '$groups/group-tabs/feature-tabs/components/open-gitlab-icon/open-gitlab-icon.component'
+import { WriteActionsIconComponent } from '$groups/group-tabs/feature-tabs/components/write-actions-icon/write-actions-icon.component'
 import { StatusColorPipe } from '$groups/group-tabs/feature-tabs/pipes/status-color.pipe'
 import { BranchPipeline } from '$groups/model/branch'
-import { Pipeline } from '$groups/model/pipeline'
 import { Status } from '$groups/model/status'
 import { compareString, compareStringDate } from '$groups/util/compare'
 import { filterString } from '$groups/util/filter'
 import { statusToScope } from '$groups/util/status-scope'
 import { Header } from '$groups/util/table'
+import { ConfigService } from '$service/config.service'
 import { CommonModule } from '@angular/common'
 import { ChangeDetectionStrategy, Component, computed, inject, input, Signal, signal } from '@angular/core'
 import { NzBadgeModule } from 'ng-zorro-antd/badge'
@@ -15,9 +17,7 @@ import { NzI18nService } from 'ng-zorro-antd/i18n'
 import { NzIconModule } from 'ng-zorro-antd/icon'
 import { NzTableModule } from 'ng-zorro-antd/table'
 import { NzToolTipModule } from 'ng-zorro-antd/tooltip'
-import { WriteActionsIconComponent } from '../../../../components/write-actions-icon/write-actions-icon.component'
 import { LatestBranchFilterComponent } from './latest-branch-filter/latest-branch-filter.component'
-import { ConfigService } from '$service/config.service'
 
 const headers: Header<BranchPipeline>[] = [
   { title: 'Branch', sortable: true, compare: (a, b) => compareString(a.branch.name, b.branch.name) },
@@ -50,7 +50,8 @@ const headers: Header<BranchPipeline>[] = [
     NzButtonModule,
     NzIconModule,
     NzBadgeModule,
-    WriteActionsIconComponent
+    WriteActionsIconComponent,
+    OpenGitlabIconComponent
   ],
   templateUrl: './pipeline-table-branch.component.html',
   styleUrls: ['./pipeline-table-branch.component.scss'],
@@ -94,11 +95,6 @@ export class PipelineTableBranchComponent {
     return statusToScope(status)
   }
 
-  onActionClick(e: Event, { web_url }: Pipeline): void {
-    e.stopPropagation()
-    window.open(web_url, '_blank')
-  }
-
   trackByBranchName({ branch: { name } }: BranchPipeline): string {
     return name
   }
diff --git a/src/app/groups/group-tabs/feature-tabs/latest-pipelines/pipeline-status-tabs/pipeline-table/pipeline-table.component.html b/src/app/groups/group-tabs/feature-tabs/latest-pipelines/pipeline-status-tabs/pipeline-table/pipeline-table.component.html
index cf29eaf..9ab61af 100644
--- a/src/app/groups/group-tabs/feature-tabs/latest-pipelines/pipeline-status-tabs/pipeline-table/pipeline-table.component.html
+++ b/src/app/groups/group-tabs/feature-tabs/latest-pipelines/pipeline-status-tabs/pipeline-table/pipeline-table.component.html
@@ -2,9 +2,9 @@
   <thead>
     <tr>
       @for (header of headers; track header.title) {
-      <th [nzSortFn]="header.compare" [nzShowSort]="header.sortable">
-        {{ header.title }}
-      </th>
+        <th [nzSortFn]="header.compare" [nzShowSort]="header.sortable">
+          {{ header.title }}
+        </th>
       }
       <th>Jobs</th>
       <th>Action</th>
@@ -12,46 +12,55 @@
   </thead>
   <tbody>
     @for (data of nzTable.data; track trackByProjectId(data)) {
-    <tr
-      class="pointer"
-      [attr.data-project-id]="data.project.id"
-      [attr.data-pipeline-id]="data.pipeline?.id"
-      (click)="onRowClick(data.project)"
-    >
-      <td>{{ data.project.name }}</td>
-      <td>{{ data.project.default_branch }}</td>
-      <td class="lowercase">{{ data.project.topics.length ? data.project.topics.join(',') : '-' }}</td>
-      <td>{{ data.pipeline?.source || '-' }}</td>
-      <td>
-        @if (data.pipeline; as pipeline) {
-        {{ pipeline.updated_at | date : 'medium' : timeZone : locale }}
-        } @else { - }
-      </td>
-      <td>
-        @if (data.pipeline; as pipeline) {
-        <gcd-jobs [projectId]="data.project.id" [pipelineId]="pipeline.id" [scope]="scope" />
-        } @else { - }
-      </td>
-      <td>
-        @if (data.pipeline; as pipeline) { @if(showWriteActions()) {
-        <gcd-write-actions-icon [projectId]="data.project.id" [pipelineId]="pipeline.id" [branch]="pipeline.ref" />
-        }
+      <tr
+        class="pointer"
+        [attr.data-project-id]="data.project.id"
+        [attr.data-pipeline-id]="data.pipeline?.id"
+        (click)="onRowClick(data.project)"
+      >
+        <td>{{ data.project.name }}</td>
+        <td>{{ data.project.default_branch }}</td>
+        <td class="lowercase">{{ data.project.topics.length ? data.project.topics.join(',') : '-' }}</td>
+        <td>{{ data.pipeline?.source || '-' }}</td>
+        <td>
+          @if (data.pipeline; as pipeline) {
+            {{ pipeline.updated_at | date: 'medium' : timeZone : locale }}
+          } @else {
+            -
+          }
+        </td>
+        <td>
+          @if (data.pipeline; as pipeline) {
+            <gcd-jobs [projectId]="data.project.id" [pipelineId]="pipeline.id" [scope]="scope" />
+          } @else {
+            -
+          }
+        </td>
+        <td>
+          @if (data.pipeline; as pipeline) {
+            @if (showWriteActions()) {
+              <gcd-write-actions-icon
+                [projectId]="data.project.id"
+                [pipelineId]="pipeline.id"
+                [branch]="pipeline.ref"
+              />
+            }
 
-        <button (click)="onActionClick($event, pipeline)" nz-tooltip nzTooltipTitle="Open in Gitlab" nz-button>
-          <span nz-icon nzType="gitlab"></span>
-        </button>
+            <gcd-open-gitlab-icon [url]="pipeline.web_url" />
 
-        <gcd-favorites-icon [groupId]="data.group_id" [projectId]="data.project.id" />
+            <gcd-favorites-icon [groupId]="data.group_id" [projectId]="data.project.id" />
 
-        <gcd-download-artifacts-icon [projectId]="data.project.id" [pipelineId]="pipeline.id" />
-        } @else { - }
-      </td>
-    </tr>
-    <tr [nzExpand]="data.project.id === selectedProjectId()">
-      @if (data.project.id === selectedProjectId()) {
-      <gcd-pipeline-table-branch [loading]="branchesLoading()" [branchPipelines]="branchPipelines()" />
-      }
-    </tr>
+            <gcd-download-artifacts-icon [projectId]="data.project.id" [pipelineId]="pipeline.id" />
+          } @else {
+            -
+          }
+        </td>
+      </tr>
+      <tr [nzExpand]="data.project.id === selectedProjectId()">
+        @if (data.project.id === selectedProjectId()) {
+          <gcd-pipeline-table-branch [loading]="branchesLoading()" [branchPipelines]="branchPipelines()" />
+        }
+      </tr>
     }
   </tbody>
 </nz-table>
diff --git a/src/app/groups/group-tabs/feature-tabs/latest-pipelines/pipeline-status-tabs/pipeline-table/pipeline-table.component.ts b/src/app/groups/group-tabs/feature-tabs/latest-pipelines/pipeline-status-tabs/pipeline-table/pipeline-table.component.ts
index 878c190..ec8496b 100644
--- a/src/app/groups/group-tabs/feature-tabs/latest-pipelines/pipeline-status-tabs/pipeline-table/pipeline-table.component.ts
+++ b/src/app/groups/group-tabs/feature-tabs/latest-pipelines/pipeline-status-tabs/pipeline-table/pipeline-table.component.ts
@@ -1,13 +1,15 @@
 import { FavoritesIconComponent } from '$groups/group-tabs/favorites/favorites-icon/favorites-icon.component'
+import { DownloadArtifactsIconComponent } from '$groups/group-tabs/feature-tabs/components/download-artifacts-icon/download-artifacts-icon.component'
 import { JobsComponent } from '$groups/group-tabs/feature-tabs/components/jobs/jobs.component'
+import { WriteActionsIconComponent } from '$groups/group-tabs/feature-tabs/components/write-actions-icon/write-actions-icon.component'
 import { FETCH_REFRESH_INTERVAL } from '$groups/http'
 import { BranchPipeline } from '$groups/model/branch'
-import { Pipeline } from '$groups/model/pipeline'
 import { Project, ProjectId, ProjectPipeline } from '$groups/model/project'
 import { Status } from '$groups/model/status'
 import { compareString, compareStringDate } from '$groups/util/compare'
 import { statusToScope } from '$groups/util/status-scope'
 import { Header } from '$groups/util/table'
+import { ConfigService } from '$service/config.service'
 import { CommonModule } from '@angular/common'
 import {
   ChangeDetectionStrategy,
@@ -28,11 +30,9 @@ import { NzSpinModule } from 'ng-zorro-antd/spin'
 import { NzTableModule } from 'ng-zorro-antd/table'
 import { NzToolTipModule } from 'ng-zorro-antd/tooltip'
 import { finalize, interval, Subscription, switchMap } from 'rxjs'
-import { WriteActionsIconComponent } from '../../../components/write-actions-icon/write-actions-icon.component'
+import { OpenGitlabIconComponent } from '../../../components/open-gitlab-icon/open-gitlab-icon.component'
 import { LatestPipelineService } from '../../service/latest-pipeline.service'
 import { PipelineTableBranchComponent } from './pipeline-table-branch/pipeline-table-branch.component'
-import { DownloadArtifactsIconComponent } from '../../../components/download-artifacts-icon/download-artifacts-icon.component'
-import { ConfigService } from '$service/config.service'
 
 const headers: Header<ProjectPipeline>[] = [
   { title: 'Project', sortable: true, compare: (a, b) => compareString(a.project.name, b.project.name) },
@@ -71,7 +71,8 @@ const headers: Header<ProjectPipeline>[] = [
     JobsComponent,
     FavoritesIconComponent,
     WriteActionsIconComponent,
-    DownloadArtifactsIconComponent
+    DownloadArtifactsIconComponent,
+    OpenGitlabIconComponent
   ],
   templateUrl: './pipeline-table.component.html',
   styleUrls: ['./pipeline-table.component.scss'],
@@ -116,11 +117,6 @@ export class PipelineTableComponent implements OnDestroy {
     return timeZone
   }
 
-  onActionClick(e: Event, { web_url }: Pipeline): void {
-    e.stopPropagation()
-    window.open(web_url, '_blank')
-  }
-
   onRowClick({ id: projectId }: Project) {
     this.refreshSubscription?.unsubscribe()
 
diff --git a/src/app/groups/group-tabs/feature-tabs/pipelines/pipeline-table/pipeline-table.component.html b/src/app/groups/group-tabs/feature-tabs/pipelines/pipeline-table/pipeline-table.component.html
index 226a66b..0fcf953 100644
--- a/src/app/groups/group-tabs/feature-tabs/pipelines/pipeline-table/pipeline-table.component.html
+++ b/src/app/groups/group-tabs/feature-tabs/pipelines/pipeline-table/pipeline-table.component.html
@@ -12,7 +12,11 @@
   </thead>
   <tbody>
     @for (data of nzTable.data; track trackBy($index, data)) {
-      <tr [attr.data-project-id]="data.project.id" [attr.data-pipeline-id]="data.pipeline?.id" [class.blue-bg]="isPinned(data.pipeline?.id)">
+      <tr
+        [attr.data-project-id]="data.project.id"
+        [attr.data-pipeline-id]="data.pipeline?.id"
+        [class.blue-bg]="isPinned(data.pipeline?.id)"
+      >
         <td>{{ data.project.name }}</td>
         <td>
           @let ref = data.pipeline?.ref || '';
@@ -48,22 +52,19 @@
         </td>
         <td>
           @if (data.pipeline; as pipeline) {
-            @if(showWriteActions()){
-              <gcd-write-actions-icon [projectId]="data.project.id" [pipelineId]="pipeline.id" [branch]="data.pipeline.ref"/>
+            @if (showWriteActions()) {
+              <gcd-write-actions-icon
+                [projectId]="data.project.id"
+                [pipelineId]="pipeline.id"
+                [branch]="data.pipeline.ref"
+              />
             }
 
-            <button
-              (click)="onActionClick($event, pipeline)"
-              nz-tooltip
-              nzTooltipTitle="Open in Gitlab"
-              nz-button
-            >
-              <span nz-icon nzType="gitlab"></span>
-            </button>
-            
+            <gcd-open-gitlab-icon [url]="pipeline.web_url" />
+
             <gcd-favorites-icon [groupId]="data.group_id" [projectId]="data.project.id" />
 
-            <gcd-download-artifacts-icon [projectId]="data.project.id" [pipelineId]="pipeline.id" />    
+            <gcd-download-artifacts-icon [projectId]="data.project.id" [pipelineId]="pipeline.id" />
 
             <button
               nz-tooltip
diff --git a/src/app/groups/group-tabs/feature-tabs/pipelines/pipeline-table/pipeline-table.component.ts b/src/app/groups/group-tabs/feature-tabs/pipelines/pipeline-table/pipeline-table.component.ts
index c030b0a..5c8318f 100644
--- a/src/app/groups/group-tabs/feature-tabs/pipelines/pipeline-table/pipeline-table.component.ts
+++ b/src/app/groups/group-tabs/feature-tabs/pipelines/pipeline-table/pipeline-table.component.ts
@@ -18,6 +18,7 @@ import { NzTagModule } from 'ng-zorro-antd/tag'
 import { NzToolTipModule } from 'ng-zorro-antd/tooltip'
 import { DownloadArtifactsIconComponent } from '../../components/download-artifacts-icon/download-artifacts-icon.component'
 import { JobsComponent } from '../../components/jobs/jobs.component'
+import { OpenGitlabIconComponent } from '../../components/open-gitlab-icon/open-gitlab-icon.component'
 import { WriteActionsIconComponent } from '../../components/write-actions-icon/write-actions-icon.component'
 import { StatusColorPipe } from '../../pipes/status-color.pipe'
 
@@ -63,7 +64,8 @@ const semverRegex =
     JobsComponent,
     FavoritesIconComponent,
     DownloadArtifactsIconComponent,
-    WriteActionsIconComponent
+    WriteActionsIconComponent,
+    OpenGitlabIconComponent
   ],
   templateUrl: './pipeline-table.component.html',
   styleUrls: ['./pipeline-table.component.scss'],
@@ -104,12 +106,6 @@ export class PipelineTableComponent {
     return statusToScope(status)
   }
 
-  onActionClick(e: Event, { web_url }: Pipeline): void {
-    e.stopPropagation()
-
-    window.open(web_url, '_blank')
-  }
-
   onPinClick(e: Event, { id }: Pipeline): void {
     e.stopPropagation()
 
diff --git a/src/app/groups/group-tabs/feature-tabs/schedules/schedule-table/schedule-pipeline-table/schedule-pipeline-table.component.html b/src/app/groups/group-tabs/feature-tabs/schedules/schedule-table/schedule-pipeline-table/schedule-pipeline-table.component.html
index 9684651..fbfcac6 100644
--- a/src/app/groups/group-tabs/feature-tabs/schedules/schedule-table/schedule-pipeline-table/schedule-pipeline-table.component.html
+++ b/src/app/groups/group-tabs/feature-tabs/schedules/schedule-table/schedule-pipeline-table/schedule-pipeline-table.component.html
@@ -9,9 +9,9 @@
   <thead>
     <tr>
       @for (header of headers; track header.title) {
-      <th [nzSortFn]="header.compare" [nzShowSort]="header.sortable">
-        {{ header.title }}
-      </th>
+        <th [nzSortFn]="header.compare" [nzShowSort]="header.sortable">
+          {{ header.title }}
+        </th>
       }
       <th>Jobs</th>
       <th>Action</th>
@@ -19,24 +19,26 @@
   </thead>
   <tbody>
     @for (pipeline of nzTable.data; track trackById(pipeline)) {
-    <tr [attr.data-pipeline-id]="pipeline.id">
-      <td>{{ pipeline.ref || '' }}</td>
-      <td>{{ pipeline.source || '' }}</td>
-      <td>{{ pipeline.updated_at | date : 'medium' : timeZone : locale }}</td>
-      <td><nz-badge [nzColor]="pipeline.status | statusColor" [nzText]="pipeline.status"></nz-badge></td>
-      <td>
-        <gcd-jobs [projectId]="pipeline.project_id" [pipelineId]="pipeline.id" [scope]="getScope(pipeline.status)" />
-      </td>
-      <td>
-        @if(showWriteActions()){
-        <gcd-write-actions-icon [projectId]="pipeline.project_id" [pipelineId]="pipeline.id" [branch]="pipeline.ref" />
-        }
-        <button (click)="onClick($event, pipeline)" nz-tooltip nzTooltipTitle="Open in Gitlab" nz-button>
-          <span nz-icon nzType="gitlab"></span>
-        </button>
-        <gcd-download-artifacts-icon [projectId]="pipeline.project_id" [pipelineId]="pipeline.id" />
-      </td>
-    </tr>
+      <tr [attr.data-pipeline-id]="pipeline.id">
+        <td>{{ pipeline.ref || '' }}</td>
+        <td>{{ pipeline.source || '' }}</td>
+        <td>{{ pipeline.updated_at | date: 'medium' : timeZone : locale }}</td>
+        <td><nz-badge [nzColor]="pipeline.status | statusColor" [nzText]="pipeline.status"></nz-badge></td>
+        <td>
+          <gcd-jobs [projectId]="pipeline.project_id" [pipelineId]="pipeline.id" [scope]="getScope(pipeline.status)" />
+        </td>
+        <td>
+          @if (showWriteActions()) {
+            <gcd-write-actions-icon
+              [projectId]="pipeline.project_id"
+              [pipelineId]="pipeline.id"
+              [branch]="pipeline.ref"
+            />
+          }
+          <gcd-open-gitlab-icon [url]="pipeline.web_url" />
+          <gcd-download-artifacts-icon [projectId]="pipeline.project_id" [pipelineId]="pipeline.id" />
+        </td>
+      </tr>
     }
   </tbody>
 </nz-table>
diff --git a/src/app/groups/group-tabs/feature-tabs/schedules/schedule-table/schedule-pipeline-table/schedule-pipeline-table.component.ts b/src/app/groups/group-tabs/feature-tabs/schedules/schedule-table/schedule-pipeline-table/schedule-pipeline-table.component.ts
index aee2b86..b28d64f 100644
--- a/src/app/groups/group-tabs/feature-tabs/schedules/schedule-table/schedule-pipeline-table/schedule-pipeline-table.component.ts
+++ b/src/app/groups/group-tabs/feature-tabs/schedules/schedule-table/schedule-pipeline-table/schedule-pipeline-table.component.ts
@@ -1,4 +1,7 @@
+import { DownloadArtifactsIconComponent } from '$groups/group-tabs/feature-tabs/components/download-artifacts-icon/download-artifacts-icon.component'
 import { JobsComponent } from '$groups/group-tabs/feature-tabs/components/jobs/jobs.component'
+import { OpenGitlabIconComponent } from '$groups/group-tabs/feature-tabs/components/open-gitlab-icon/open-gitlab-icon.component'
+import { WriteActionsIconComponent } from '$groups/group-tabs/feature-tabs/components/write-actions-icon/write-actions-icon.component'
 import { StatusColorPipe } from '$groups/group-tabs/feature-tabs/pipes/status-color.pipe'
 import { Pipeline, PipelineId } from '$groups/model/pipeline'
 import { Status } from '$groups/model/status'
@@ -14,8 +17,6 @@ import { NzI18nService } from 'ng-zorro-antd/i18n'
 import { NzIconModule } from 'ng-zorro-antd/icon'
 import { NzTableModule } from 'ng-zorro-antd/table'
 import { NzToolTipModule } from 'ng-zorro-antd/tooltip'
-import { DownloadArtifactsIconComponent } from '../../../components/download-artifacts-icon/download-artifacts-icon.component'
-import { WriteActionsIconComponent } from '../../../components/write-actions-icon/write-actions-icon.component'
 
 const headers: Header<Pipeline>[] = [
   {
@@ -52,7 +53,8 @@ const headers: Header<Pipeline>[] = [
     StatusColorPipe,
     JobsComponent,
     WriteActionsIconComponent,
-    DownloadArtifactsIconComponent
+    DownloadArtifactsIconComponent,
+    OpenGitlabIconComponent
   ],
   templateUrl: './schedule-pipeline-table.component.html',
   styleUrls: ['./schedule-pipeline-table.component.scss'],
@@ -85,11 +87,6 @@ export class SchedulePipelineTableComponent {
     return statusToScope(status)
   }
 
-  onClick(e: Event, { web_url }: Pipeline): void {
-    e.stopPropagation()
-    window.open(web_url, '_blank')
-  }
-
   trackById({ id }: Pipeline): PipelineId {
     return id
   }
diff --git a/src/app/groups/group-tabs/feature-tabs/schedules/schedule-table/schedule-table.component.html b/src/app/groups/group-tabs/feature-tabs/schedules/schedule-table/schedule-table.component.html
index 77822a1..f23207d 100644
--- a/src/app/groups/group-tabs/feature-tabs/schedules/schedule-table/schedule-table.component.html
+++ b/src/app/groups/group-tabs/feature-tabs/schedules/schedule-table/schedule-table.component.html
@@ -2,9 +2,9 @@
   <thead>
     <tr>
       @for (header of headers; track header.title) {
-      <th [nzSortFn]="header.compare" [nzShowSort]="header.sortable">
-        {{ header.title }}
-      </th>
+        <th [nzSortFn]="header.compare" [nzShowSort]="header.sortable">
+          {{ header.title }}
+        </th>
       }
       <th>Jobs</th>
       <th>Action</th>
@@ -12,88 +12,94 @@
   </thead>
   <tbody>
     @for (data of nzTable.data; track trackByScheduleId(data)) {
-    <tr
-      class="pointer"
-      nz-tooltip
-      [nzTooltipTitle]="data.schedule.active ? '' : 'Schedule is not active'"
-      [ngStyle]="{ opacity: data.schedule.active ? '1' : '0.3' }"
-      [attr.data-project-id]="data.project.id"
-      [attr.data-pipeline-id]="data.pipeline?.id"
-      (click)="onRowClick(data.project)"
-    >
-      <td>{{ data.project.name }}</td>
-      <td class="lowercase">{{ data.schedule.description }}</td>
-      <td>
-        <span
-          nz-tooltip
-          [nzTooltipTitle]="data.schedule.ref === data.project.default_branch ? 'default: yes' : 'default: no'"
-          >{{ data.schedule.ref }}</span
-        >
-      </td>
-      <td>
-        <span nz-tooltip [nzTooltipTitle]="'owner: ' + data.schedule.owner.username">
-          {{ data.pipeline?.source || '' }}
-        </span>
-      </td>
-      <td>
-        {{ data.pipeline?.updated_at | date : 'medium' : timeZone : locale }}
-      </td>
-      <td>
-        <span nz-tooltip [nzTooltipTitle]="data.schedule.next_run_at | date : 'medium' : timeZone : locale">{{
-          data.schedule.next_run_at | nextRunAt
-        }}</span>
-      </td>
-      <td>
-        @if (data.pipeline; as pipeline) {
-        <nz-badge
-          nz-tooltip
-          [nzTooltipTitle]="pipeline.updated_at | date : 'medium' : timeZone : locale"
-          [nzColor]="pipeline.status | statusColor"
-          [nzText]="pipeline.status"
-        ></nz-badge>
-        } @else { - }
-      </td>
-      <td>
-        @if (data.pipeline; as pipeline) {
-        <gcd-jobs [projectId]="data.project.id" [pipelineId]="pipeline.id" [scope]="getScope(pipeline.status)" />
-        } @else { - }
-      </td>
-      <td>
-        @if (data.pipeline; as pipeline) { @if(showWriteActions()){
-        <gcd-write-actions-icon [projectId]="data.project.id" [pipelineId]="pipeline.id" [branch]="pipeline.ref" />
-        }
+      <tr
+        class="pointer"
+        nz-tooltip
+        [nzTooltipTitle]="data.schedule.active ? '' : 'Schedule is not active'"
+        [ngStyle]="{ opacity: data.schedule.active ? '1' : '0.3' }"
+        [attr.data-project-id]="data.project.id"
+        [attr.data-pipeline-id]="data.pipeline?.id"
+        (click)="onRowClick(data.project)"
+      >
+        <td>{{ data.project.name }}</td>
+        <td class="lowercase">{{ data.schedule.description }}</td>
+        <td>
+          <span
+            nz-tooltip
+            [nzTooltipTitle]="data.schedule.ref === data.project.default_branch ? 'default: yes' : 'default: no'"
+            >{{ data.schedule.ref }}</span
+          >
+        </td>
+        <td>
+          <span nz-tooltip [nzTooltipTitle]="'owner: ' + data.schedule.owner.username">
+            {{ data.pipeline?.source || '' }}
+          </span>
+        </td>
+        <td>
+          {{ data.pipeline?.updated_at | date: 'medium' : timeZone : locale }}
+        </td>
+        <td>
+          <span nz-tooltip [nzTooltipTitle]="data.schedule.next_run_at | date: 'medium' : timeZone : locale">{{
+            data.schedule.next_run_at | nextRunAt
+          }}</span>
+        </td>
+        <td>
+          @if (data.pipeline; as pipeline) {
+            <nz-badge
+              nz-tooltip
+              [nzTooltipTitle]="pipeline.updated_at | date: 'medium' : timeZone : locale"
+              [nzColor]="pipeline.status | statusColor"
+              [nzText]="pipeline.status"
+            ></nz-badge>
+          } @else {
+            -
+          }
+        </td>
+        <td>
+          @if (data.pipeline; as pipeline) {
+            <gcd-jobs [projectId]="data.project.id" [pipelineId]="pipeline.id" [scope]="getScope(pipeline.status)" />
+          } @else {
+            -
+          }
+        </td>
+        <td>
+          @if (data.pipeline; as pipeline) {
+            @if (showWriteActions()) {
+              <gcd-write-actions-icon
+                [projectId]="data.project.id"
+                [pipelineId]="pipeline.id"
+                [branch]="pipeline.ref"
+              />
+            }
 
-        <button (click)="onPipelineClick($event, pipeline)" nz-tooltip nzTooltipTitle="Open in Gitlab" nz-button>
-          <span nz-icon nzType="gitlab"></span>
-        </button>
+            <gcd-open-gitlab-icon [url]="pipeline.web_url" />
 
-        <gcd-favorites-icon [groupId]="data.group_id" [projectId]="data.project.id" />
+            <gcd-favorites-icon [groupId]="data.group_id" [projectId]="data.project.id" />
 
-        <gcd-download-artifacts-icon [projectId]="data.project.id" [pipelineId]="pipeline.id" />
+            <gcd-download-artifacts-icon [projectId]="data.project.id" [pipelineId]="pipeline.id" />
+          } @else {
+            <button nzType="text" nz-button nzShape="circle" disabled>
+              <span nz-icon nzType="gitlab"></span>
+            </button>
 
-        } @else {
-        <button nzType="text" nz-button nzShape="circle" disabled>
-          <span nz-icon nzType="gitlab"></span>
-        </button>
+            <gcd-favorites-icon [groupId]="data.group_id" [projectId]="data.project.id" />
+          }
 
-        <gcd-favorites-icon [groupId]="data.group_id" [projectId]="data.project.id" />
+          <button
+            (click)="onScheduleClick($event, data.project)"
+            nz-tooltip
+            [nzTooltipTitle]="'Show schedules (' + data.project.name + ')'"
+            nz-button
+          >
+            <span nz-icon nzType="schedule"></span>
+          </button>
+        </td>
+      </tr>
+      <tr [nzExpand]="data.project.id === selectedProjectId()">
+        @if (data.project.id === selectedProjectId()) {
+          <gcd-schedule-pipeline-table [pipelines]="pipelines()" [loading]="loading()" />
         }
-
-        <button
-          (click)="onScheduleClick($event, data.project)"
-          nz-tooltip
-          [nzTooltipTitle]="'Show schedules (' + data.project.name + ')'"
-          nz-button
-        >
-          <span nz-icon nzType="schedule"></span>
-        </button>
-      </td>
-    </tr>
-    <tr [nzExpand]="data.project.id === selectedProjectId()">
-      @if (data.project.id === selectedProjectId()) {
-      <gcd-schedule-pipeline-table [pipelines]="pipelines()" [loading]="loading()" />
-      }
-    </tr>
+      </tr>
     }
   </tbody>
 </nz-table>
diff --git a/src/app/groups/group-tabs/feature-tabs/schedules/schedule-table/schedule-table.component.ts b/src/app/groups/group-tabs/feature-tabs/schedules/schedule-table/schedule-table.component.ts
index 0cdcbf7..80baa97 100644
--- a/src/app/groups/group-tabs/feature-tabs/schedules/schedule-table/schedule-table.component.ts
+++ b/src/app/groups/group-tabs/feature-tabs/schedules/schedule-table/schedule-table.component.ts
@@ -35,6 +35,7 @@ import { WriteActionsIconComponent } from '../../components/write-actions-icon/w
 import { PipelinesService } from '../../pipelines/service/pipelines.service'
 import { NextRunAtPipe } from './pipes/next-run-at.pipe'
 import { SchedulePipelineTableComponent } from './schedule-pipeline-table/schedule-pipeline-table.component'
+import { OpenGitlabIconComponent } from '../../components/open-gitlab-icon/open-gitlab-icon.component'
 
 const headers: Header<ScheduleProjectPipeline>[] = [
   { title: 'Project', sortable: true, compare: (a, b) => compareString(a.project.name, b.project.name) },
@@ -81,7 +82,8 @@ const headers: Header<ScheduleProjectPipeline>[] = [
     FavoritesIconComponent,
     SchedulePipelineTableComponent,
     WriteActionsIconComponent,
-    DownloadArtifactsIconComponent
+    DownloadArtifactsIconComponent,
+    OpenGitlabIconComponent
   ],
   templateUrl: './schedule-table.component.html',
   styleUrls: ['./schedule-table.component.scss'],
@@ -125,11 +127,6 @@ export class ScheduleTableComponent implements OnDestroy {
     return statusToScope(status)
   }
 
-  onPipelineClick(e: Event, { web_url }: Pipeline): void {
-    e.stopPropagation()
-    window.open(web_url, '_blank')
-  }
-
   onScheduleClick(e: Event, { web_url }: Project): void {
     e.stopPropagation()
     window.open(`${web_url}/-/pipeline_schedules`, '_blank')
diff --git a/src/app/groups/group-tabs/group-tabs.component.ts b/src/app/groups/group-tabs/group-tabs.component.ts
index 5e1c1c4..896c32c 100644
--- a/src/app/groups/group-tabs/group-tabs.component.ts
+++ b/src/app/groups/group-tabs/group-tabs.component.ts
@@ -49,7 +49,10 @@ export class GroupTabsComponent {
     return groups.findIndex(({ id }) => id === selectedGroupId)
   })
 
-  constructor(private route: ActivatedRoute, private router: Router) {
+  constructor(
+    private route: ActivatedRoute,
+    private router: Router
+  ) {
     this.loading.set(true)
     this.groupService
       .getGroups()