diff --git a/addons/rose/addon/components/rose/loading-button/index.js b/addons/rose/addon/components/rose/loading-button/index.js
index d27678155..50fec7f80 100644
--- a/addons/rose/addon/components/rose/loading-button/index.js
+++ b/addons/rose/addon/components/rose/loading-button/index.js
@@ -2,6 +2,8 @@ import button from '../button/index';
 
 import { tracked } from '@glimmer/tracking';
 import { action } from '@ember/object';
+import { later } from '@ember/runloop';
+
 
 export default class LoadingButton extends button {
   // =actions
@@ -15,6 +17,6 @@ export default class LoadingButton extends button {
     } catch (e) {
       console.error('Error while loading data', e);
     }
-    this.isLoading = false;
+    later(() => (this.isLoading = false), 1000);
   }
 }
diff --git a/addons/rose/addon/styles/rose/components/_loading-button.scss b/addons/rose/addon/styles/rose/components/_loading-button.scss
index f2ef049d5..767a641a1 100644
--- a/addons/rose/addon/styles/rose/components/_loading-button.scss
+++ b/addons/rose/addon/styles/rose/components/_loading-button.scss
@@ -5,6 +5,6 @@
   vertical-align: middle;
   margin: auto ($size-xs + $size-xxxs) auto auto;
   &.is-loading {
-    color: var(--ui-gray-subtler-1);
+    color: var(--ui-gray-starker-1);
   }
 }