diff --git a/src/ui_ng/lib/package.json b/src/ui_ng/lib/package.json
index 8ac07e5ba..0c99887f8 100644
--- a/src/ui_ng/lib/package.json
+++ b/src/ui_ng/lib/package.json
@@ -1,6 +1,6 @@
 {
     "name": "harbor-ui",
-    "version": "0.6.24",
+    "version": "0.6.25",
     "description": "Harbor shared UI components based on Clarity and Angular4",
     "scripts": {
         "start": "ng serve --host 0.0.0.0 --port 4500 --proxy-config proxy.config.json",
diff --git a/src/ui_ng/lib/pkg/package.json b/src/ui_ng/lib/pkg/package.json
index 15eeef28a..69d0a683c 100644
--- a/src/ui_ng/lib/pkg/package.json
+++ b/src/ui_ng/lib/pkg/package.json
@@ -1,6 +1,6 @@
 {
     "name": "harbor-ui",
-    "version": "0.6.24",
+    "version": "0.6.25",
     "description": "Harbor shared UI components based on Clarity and Angular4",
     "author": "VMware",
     "module": "index.js",
diff --git a/src/ui_ng/lib/src/repository/repository.component.ts b/src/ui_ng/lib/src/repository/repository.component.ts
index 730ea5736..510da1645 100644
--- a/src/ui_ng/lib/src/repository/repository.component.ts
+++ b/src/ui_ng/lib/src/repository/repository.component.ts
@@ -94,14 +94,16 @@ export class RepositoryComponent implements OnInit {
 
   retrieve(state?: State) {
     toPromise<Repository>(this.repositoryService.getRepositories(this.projectId, this.repoName))
-      .then(
-        response => {
-          if (response.metadata.xTotalCount > 0) {
-            this.orgImageInfo = response.data[0].description;
-            this.imageInfo = response.data[0].description;
-          }
-        })
-        .catch(error => this.errorHandler.error(error));
+      .then( response => {
+        if (response.metadata.xTotalCount > 0) {
+          this.orgImageInfo = response.data[0].description;
+          this.imageInfo = response.data[0].description;
+        }
+      })
+      .catch(error => this.errorHandler.error(error));
+    toPromise<SystemInfo>(this.systemInfoService.getSystemInfo())
+      .then(systemInfo => this.systemInfo = systemInfo)
+      .catch(error => this.errorHandler.error(error));
   }
 
   saveSignatures(event: {[key: string]: string[]}): void {
diff --git a/src/ui_ng/package.json b/src/ui_ng/package.json
index 809a8b4b3..3fa7c2e08 100644
--- a/src/ui_ng/package.json
+++ b/src/ui_ng/package.json
@@ -31,7 +31,7 @@
         "clarity-icons": "^0.10.17",
         "clarity-ui": "^0.10.17",
         "core-js": "^2.4.1",
-        "harbor-ui": "0.6.24",
+        "harbor-ui": "0.6.25",
         "intl": "^1.2.5",
         "mutationobserver-shim": "^0.3.2",
         "ngx-cookie": "^1.0.0",
diff --git a/src/ui_ng/src/app/project/create-project/create-project.component.html b/src/ui_ng/src/app/project/create-project/create-project.component.html
index d674fa7c8..9d93180d1 100644
--- a/src/ui_ng/src/app/project/create-project/create-project.component.html
+++ b/src/ui_ng/src/app/project/create-project/create-project.component.html
@@ -8,7 +8,7 @@
                     <label for="create_project_name" class="col-md-3 form-group-label-override required">{{'PROJECT.NAME' | translate}}</label>
                     <label for="create_project_name" aria-haspopup="true" role="tooltip" [class.invalid]="!isNameValid" class="tooltip tooltip-validation tooltip-md tooltip-bottom-left">
             <input type="text" id="create_project_name"  [(ngModel)]="project.name" 
-            name="create_project_name" size="36" 
+            name="create_project_name" size="255" 
             required
             pattern="^[a-z0-9]+(?:[._-][a-z0-9]+)*$"
             minlength="2"