diff --git a/CHANGELOG.md b/CHANGELOG.md
index 2cb6cc1df..50632ae6f 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,6 @@
+# v15.0.2-rc.0 (2023-08-16)
+* **progress-button** fix styling & add playground page
+
 # v15.0.1-rc.0 (2023-08-11)
 * **suggest** add custom tooltip
 * **grid** show border for column resize
diff --git a/package-lock.json b/package-lock.json
index 7ccf1b974..dc625f4f1 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "angular-components",
-  "version": "15.0.1-rc.0",
+  "version": "15.0.2-rc.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "angular-components",
-      "version": "15.0.1-rc.0",
+      "version": "15.0.2-rc.0",
       "license": "MIT",
       "dependencies": {
         "@angular/animations": "15.2.9",
diff --git a/package.json b/package.json
index 9ffb04b56..dd44888fe 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "angular-components",
-  "version": "15.0.1-rc.0",
+  "version": "15.0.2-rc.0",
   "author": {
     "name": "UiPath Inc",
     "url": "https://uipath.com"
diff --git a/projects/angular/directives/ui-progress-button/src/internal/ui-button-progress-bar.component.scss b/projects/angular/directives/ui-progress-button/src/internal/ui-button-progress-bar.component.scss
index e5ccd6fa5..b7dd528ae 100644
--- a/projects/angular/directives/ui-progress-button/src/internal/ui-button-progress-bar.component.scss
+++ b/projects/angular/directives/ui-progress-button/src/internal/ui-button-progress-bar.component.scss
@@ -1,6 +1,8 @@
 ui-button-progress-bar {
     display: block;
-    width: 100%;
+    width: 0;
+    padding: 0;
+    margin: 0;
 
     .mat-mdc-progress-bar {
         position: absolute;
diff --git a/projects/angular/package.json b/projects/angular/package.json
index 5f8b54ac7..61c892983 100644
--- a/projects/angular/package.json
+++ b/projects/angular/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@uipath/angular",
-    "version": "15.0.1-rc.0",
+    "version": "15.0.2-rc.0",
     "license": "MIT",
     "author": {
         "name": "UiPath Inc",
diff --git a/projects/playground/src/app/app-routing.module.ts b/projects/playground/src/app/app-routing.module.ts
index 8aaa20d08..ee3003b61 100644
--- a/projects/playground/src/app/app-routing.module.ts
+++ b/projects/playground/src/app/app-routing.module.ts
@@ -9,6 +9,7 @@ import {
     Routes,
 } from '@angular/router';
 import { TreeSelectPageComponent } from 'projects/playground/src/app/pages/tree-select/tree-select.page';
+import { ProgressButtonPageComponent } from 'projects/playground/src/app/pages/progress-button/progress-button.page';
 
 const routes: Routes = [
     {
@@ -31,6 +32,10 @@ const routes: Routes = [
         path: 'tree',
         component: TreeSelectPageComponent,
     },
+    {
+        path: 'progress-button',
+        component: ProgressButtonPageComponent,
+    },
     {
         path: '**',
         redirectTo: 'home',
diff --git a/projects/playground/src/app/app.component.ts b/projects/playground/src/app/app.component.ts
index 9634638b5..0b4c8a150 100644
--- a/projects/playground/src/app/app.component.ts
+++ b/projects/playground/src/app/app.component.ts
@@ -26,6 +26,10 @@ export class AppComponent {
             name: 'Suggest',
             link: '/suggest',
         },
+        {
+            name: 'Progress button',
+            link: '/progress-button',
+        },
         {
             name: 'Tree select',
             link: '/tree',
diff --git a/projects/playground/src/app/pages/progress-button/progress-button.module.ts b/projects/playground/src/app/pages/progress-button/progress-button.module.ts
new file mode 100644
index 000000000..b83ff20fe
--- /dev/null
+++ b/projects/playground/src/app/pages/progress-button/progress-button.module.ts
@@ -0,0 +1,20 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+
+import { UiProgressButtonModule } from '@uipath/angular/directives/ui-progress-button';
+import { MatButtonModule } from '@angular/material/button';
+import { MatIconModule } from '@angular/material/icon';
+import { ProgressButtonPageComponent } from './progress-button.page';
+
+@NgModule({
+  declarations: [
+    ProgressButtonPageComponent,
+  ],
+  imports: [
+    CommonModule,
+    UiProgressButtonModule,
+    MatButtonModule,
+    MatIconModule,
+  ],
+})
+export class SuggestModule { }
diff --git a/projects/playground/src/app/pages/progress-button/progress-button.page.html b/projects/playground/src/app/pages/progress-button/progress-button.page.html
new file mode 100644
index 000000000..5b7275569
--- /dev/null
+++ b/projects/playground/src/app/pages/progress-button/progress-button.page.html
@@ -0,0 +1,70 @@
+<button mat-flat-button
+color="primary"
+(click)="toggle()">
+<mat-icon>radio_button_partial</mat-icon>
+Toggle loading state</button>
+
+<div class="group">
+    <button mat-button
+            ui-progress-button
+            [progressButtonLoading]="isLoading">test</button>
+    <button mat-button
+    ui-progress-button
+    [progressButtonLoading]="isLoading"
+    color="primary">test</button>
+    <button mat-button
+    ui-progress-button
+    [progressButtonLoading]="isLoading"
+    color="warn">test</button>
+    <button mat-button
+    ui-progress-button
+    [progressButtonLoading]="isLoading"
+    color="accent">test</button>
+
+</div>
+
+<div class="group">
+    <button mat-flat-button
+            ui-progress-button
+            [progressButtonLoading]="isLoading">test</button>
+    <button mat-flat-button
+    ui-progress-button
+    [progressButtonLoading]="isLoading"
+    color="primary">test</button>
+    <button mat-flat-button
+    ui-progress-button
+    [progressButtonLoading]="isLoading"
+    color="warn">test</button>
+    <button mat-flat-button
+    ui-progress-button
+    [progressButtonLoading]="isLoading"
+    color="accent">test</button>
+
+</div>
+
+<div class="group">
+    <button mat-flat-button
+            ui-progress-button
+            [progressButtonLoading]="isLoading">
+            <mat-icon>home</mat-icon>
+            test</button>
+    <button mat-flat-button
+    ui-progress-button
+    [progressButtonLoading]="isLoading"
+    color="primary">
+    <mat-icon>home</mat-icon>
+    test</button>
+    <button mat-flat-button
+    ui-progress-button
+    [progressButtonLoading]="isLoading"
+    color="warn">
+    <mat-icon>home</mat-icon>
+    test</button>
+    <button mat-flat-button
+    ui-progress-button
+    [progressButtonLoading]="isLoading"
+    color="accent">
+    <mat-icon>home</mat-icon>
+    test</button>
+
+</div>
diff --git a/projects/playground/src/app/pages/progress-button/progress-button.page.scss b/projects/playground/src/app/pages/progress-button/progress-button.page.scss
new file mode 100644
index 000000000..2010ffbf3
--- /dev/null
+++ b/projects/playground/src/app/pages/progress-button/progress-button.page.scss
@@ -0,0 +1,14 @@
+:host {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+
+    > button {
+        width: fit-content;
+    }
+
+    .group {
+        display: flex;
+        gap: 10px;
+    }
+}
diff --git a/projects/playground/src/app/pages/progress-button/progress-button.page.ts b/projects/playground/src/app/pages/progress-button/progress-button.page.ts
new file mode 100644
index 000000000..75bb9537c
--- /dev/null
+++ b/projects/playground/src/app/pages/progress-button/progress-button.page.ts
@@ -0,0 +1,18 @@
+import {
+  ChangeDetectionStrategy,
+  Component,
+} from '@angular/core';
+
+@Component({
+  selector: 'ui-app-progress-button',
+  templateUrl: './progress-button.page.html',
+  styleUrls: ['./progress-button.page.scss'],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class ProgressButtonPageComponent {
+  isLoading = false;
+
+  toggle() {
+    this.isLoading = !this.isLoading;
+  }
+}