diff --git a/module/data/settings/Appearance.mjs b/module/data/settings/Appearance.mjs
index 7fe3e90a..d32fae27 100644
--- a/module/data/settings/Appearance.mjs
+++ b/module/data/settings/Appearance.mjs
@@ -127,8 +127,7 @@ export default class DhAppearance extends foundry.abstract.DataModel {
             if (this.displayFear === 'hide') {
                 ui.resources.close({ allowed: true });
             } else {
-                ui.resources.render({ force: true });
-                ui.resources.handleOffset();
+                ui.resources.render({ force: true }).then(() => ui.resources.handleOffset());
             }
         }
 
diff --git a/styles/less/ui/countdown/countdown.less b/styles/less/ui/countdown/countdown.less
index c6e79448..fa9319e9 100644
--- a/styles/less/ui/countdown/countdown.less
+++ b/styles/less/ui/countdown/countdown.less
@@ -21,9 +21,10 @@
     width: 18.75rem;
     pointer-events: all;
     align-self: flex-end;
-    transition: 0.3s right ease-in-out;
+    transition: right 0.1s ease;
     display: flex;
     flex-direction: column;
+    right: 0;
 
     &::before {
         content: ' ';
diff --git a/styles/less/ui/resources/resources.less b/styles/less/ui/resources/resources.less
index 8aac2ba2..fb3a2ce1 100644
--- a/styles/less/ui/resources/resources.less
+++ b/styles/less/ui/resources/resources.less
@@ -155,7 +155,6 @@ body.theme-light {
             opacity: 0;
             transition: all 0.3s ease;
         }
-        
 
         .resource-bar {
             display: flex;