diff --git a/src/portal/src/app/base/project/repository/artifact/artifact-list-page/artifact-list/artifact-list-tab/sub-accessories/sub-accessories.component.html b/src/portal/src/app/base/project/repository/artifact/artifact-list-page/artifact-list/artifact-list-tab/sub-accessories/sub-accessories.component.html
index 13dd1cefc..16a521503 100644
--- a/src/portal/src/app/base/project/repository/artifact/artifact-list-page/artifact-list/artifact-list-tab/sub-accessories/sub-accessories.component.html
+++ b/src/portal/src/app/base/project/repository/artifact/artifact-list-page/artifact-list/artifact-list-tab/sub-accessories/sub-accessories.component.html
@@ -9,7 +9,7 @@
         </clr-dg-action-overflow>
         <clr-dg-cell>
             <div class="cell">
-                <div title="{{a?.digest}}" class="artifact-icon clr-display-inline-block">
+                <div title="{{a?.digest}}" class="artifact-icon-div clr-display-inline-block">
                     <img *ngIf="getIcon(a.icon)" class="artifact-icon" [title]="a.type"
                          [src]="getIcon(a.icon)" (error)="showDefaultIcon($event)" />
                 </div>
diff --git a/src/portal/src/app/base/project/repository/artifact/artifact-list-page/artifact-list/artifact-list-tab/sub-accessories/sub-accessories.component.scss b/src/portal/src/app/base/project/repository/artifact/artifact-list-page/artifact-list/artifact-list-tab/sub-accessories/sub-accessories.component.scss
index b5301878a..f2c9499a5 100644
--- a/src/portal/src/app/base/project/repository/artifact/artifact-list-page/artifact-list/artifact-list-tab/sub-accessories/sub-accessories.component.scss
+++ b/src/portal/src/app/base/project/repository/artifact/artifact-list-page/artifact-list/artifact-list-tab/sub-accessories/sub-accessories.component.scss
@@ -1,7 +1,10 @@
 .artifact-icon {
-  width: 2.5rem;
   height: 0.8rem;
 }
+.artifact-icon-div {
+  text-align: center;
+  width: 2.5rem
+}
 .cell {
   display: flex;
   align-items: center;