2 files changed, 15 insertions, 2 deletions
diff --git a/cds-ui/client/src/app/feature-modules/blueprint/select-template/search-template/search-template.component.html b/cds-ui/client/src/app/feature-modules/blueprint/select-template/search-template/search-template.component.html
index 66e3aeb36..b58be9fce 100644
--- a/cds-ui/client/src/app/feature-modules/blueprint/select-template/search-template/search-template.component.html
+++ b/cds-ui/client/src/app/feature-modules/blueprint/select-template/search-template/search-template.component.html
@@ -22,5 +22,5 @@ limitations under the License.
     <input type="file" accept=".zip" (change)="fileChanged($event)">
 </div>
 <div>
-    <button mat-button matStepperNext class="matStepNextBtn" (click)="updateBlueprintState()" [disabled]="!validfile">Upload</button>
+    <button mat-button matStepperNext (click)="updateBlueprintState()" [ngClass] = "{'mat-upload-btn-disabled': !validfile, 'matStepNextBtn': validfile}" [disabled]="!validfile">Upload</button>
 </div>
 \ No newline at end of file
diff --git a/cds-ui/client/src/app/feature-modules/blueprint/select-template/search-template/search-template.component.scss b/cds-ui/client/src/app/feature-modules/blueprint/select-template/search-template/search-template.component.scss
index 66f3f28de..beb05e26f 100644
--- a/cds-ui/client/src/app/feature-modules/blueprint/select-template/search-template/search-template.component.scss
+++ b/cds-ui/client/src/app/feature-modules/blueprint/select-template/search-template/search-template.component.scss
@@ -25,5 +25,18 @@ limitations under the License.
     margin-top: 10px;
     position: absolute;
     margin-bottom: 5px;
-    border-radius: 2em;
+    border-radius: 4px;
+    min-width: 6em;
+    cursor: pointer;
+}
+
+.mat-upload-btn-disabled {
+    background-color: #c5cae8;
+    margin-top: 10px;
+    border-radius: 4px;
+    margin-bottom: 5px;
+    color: darkgray;
+    min-width: 6em;
+    border: none;
+    cursor: initial;
 }
 \ No newline at end of file