diff --git a/deploy/quickstart/index.js b/deploy/quickstart/index.js
index ceef857a7d4db225eac74ae82d47a354f66e9d39..07b5f1bb7eb3bf5cca7e84bf465ea1fee1cb02a1 100644
--- a/deploy/quickstart/index.js
+++ b/deploy/quickstart/index.js
@@ -27,8 +27,11 @@ const getQuickStartMdPr = (async () => {
<script src="https://unpkg.com/dompurify@latest/dist/purify.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Interactive Atlas Viewer Quickstart</title>
+ <style>
+ .padded { padding: 1.5rem; }
+ </style>
</head>
-<body class="sxplr-p-4">
+<body class="padded">
</body>
<script>
diff --git a/docs/releases/v2.8.0.md b/docs/releases/v2.8.0.md
index 9db7587cd5f0e33f788eb19a975d1b5887ba3d47..d9923d3492fef8960600f1f6036f039697cd3f79 100644
--- a/docs/releases/v2.8.0.md
+++ b/docs/releases/v2.8.0.md
@@ -9,3 +9,7 @@
- upgraded to Angular v14
- update some dependencies
+
+## Bugfix
+
+- fixed open cheatsheet/quickstart in new window functionality
diff --git a/src/ui/help/helpOnePager/helpOnePager.component.ts b/src/ui/help/helpOnePager/helpOnePager.component.ts
index fb4d54137af64cc245c56e30beeaea1564417311..99bae8ca42978040304f88bde06000d0993ef6e4 100644
--- a/src/ui/help/helpOnePager/helpOnePager.component.ts
+++ b/src/ui/help/helpOnePager/helpOnePager.component.ts
@@ -17,13 +17,11 @@ const { default: QUICK_STARTER } = require('!!raw-loader!common/helpOnePager.md'
export class HelpOnePager{
public ARIA_LABELS = ARIA_LABELS
public QUICK_STARTER_MD = QUICK_STARTER
- public extQuickStarter: string
+ public extQuickStarter: string = `quickstart`
public userDoc: string
constructor(
private dialog: MatDialog,
- ){
- this.extQuickStarter = `quickstart.html`
- }
+ ){}
howToCite(){
this.dialog.open(HowToCite)