diff --git a/src/css/ingame_hud/unlock_notification.scss b/src/css/ingame_hud/unlock_notification.scss
index 828c55a9..aad9f063 100644
--- a/src/css/ingame_hud/unlock_notification.scss
+++ b/src/css/ingame_hud/unlock_notification.scss
@@ -18,6 +18,12 @@
         }
     }
 
+    &.withinDemo {
+        > .dialog {
+            @include S(padding-top, 60px);
+        }
+    }
+
     .dialog {
         // background: rgba(#222428, 0.5);
         @include S(border-radius, $globalBorderRadius);
diff --git a/src/js/game/hud/parts/unlock_notification.js b/src/js/game/hud/parts/unlock_notification.js
index 6273e10e..4a0af10b 100644
--- a/src/js/game/hud/parts/unlock_notification.js
+++ b/src/js/game/hud/parts/unlock_notification.js
@@ -31,6 +31,10 @@ export class HUDUnlockNotification extends BaseHUDPart {
 
         this.element = makeDiv(parent, "ingame_HUD_UnlockNotification", ["noBlur"]);
 
+        if (G_IS_STEAM_DEMO || !G_IS_STANDALONE) {
+            this.element.classList.add("withinDemo");
+        }
+
         const dialog = makeDiv(this.element, null, ["dialog"]);
 
         this.elemTitle = makeDiv(dialog, null, ["title"]);