diff --git a/package-lock.json b/package-lock.json
index 649c9f7..1cadee9 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@equinor/subsurface-app-management",
-  "version": "1.1.17",
+  "version": "1.1.18",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@equinor/subsurface-app-management",
-      "version": "1.1.17",
+      "version": "1.1.18",
       "license": "ISC",
       "dependencies": {
         "@azure/msal-browser": "3.26.1",
diff --git a/package.json b/package.json
index 7dea214..2c2e65a 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@equinor/subsurface-app-management",
-  "version": "1.1.17",
+  "version": "1.1.18",
   "description": "React Typescript components/hooks to communicate with equinor/sam",
   "types": "dist/index.d.ts",
   "type": "module",
diff --git a/src/providers/TutorialProvider/TutorialDialog.tsx b/src/providers/TutorialProvider/TutorialDialog.tsx
index 0054595..a5a326f 100644
--- a/src/providers/TutorialProvider/TutorialDialog.tsx
+++ b/src/providers/TutorialProvider/TutorialDialog.tsx
@@ -1,6 +1,6 @@
 import { CSSProperties, FC, useMemo } from 'react';
 
-import { Button, Typography } from '@equinor/eds-core-react';
+import { Button } from '@equinor/eds-core-react';
 
 import {
   DIALOG_EDGE_MARGIN,
@@ -11,6 +11,7 @@ import {
   DialogActions,
   DialogContent,
   DialogImage,
+  DialogTypography,
   DialogWrapper,
   NavigateSteps,
   StyledTutorialDialog,
@@ -50,8 +51,12 @@ const TutorialDialog: FC = () => {
     ) {
       return (
         <>
-          <Typography>{currentStepObject.title}</Typography>
-          <Typography>{currentStepObject.body}</Typography>
+          <DialogTypography variant="h5">
+            {currentStepObject.title}
+          </DialogTypography>
+          <DialogTypography group="paragraph" variant="body_short">
+            {currentStepObject.body}
+          </DialogTypography>
           {currentStepObject.imgUrl && sasToken && (
             <DialogImage
               data-testid="tutorial-image"
diff --git a/src/providers/TutorialProvider/TutorialProvider.stories.tsx b/src/providers/TutorialProvider/TutorialProvider.stories.tsx
index 51e95ca..843010a 100644
--- a/src/providers/TutorialProvider/TutorialProvider.stories.tsx
+++ b/src/providers/TutorialProvider/TutorialProvider.stories.tsx
@@ -28,6 +28,7 @@ const CustomComponentWrapper = styled.div`
   display: grid;
   grid-template-columns: 24px 1fr;
   gap: 24px;
+  width: 500px;
 `;
 
 const SmallOrangeLine = styled.div`
diff --git a/src/providers/TutorialProvider/TutorialProvider.styles.ts b/src/providers/TutorialProvider/TutorialProvider.styles.ts
index b9c6564..7a5ad4e 100644
--- a/src/providers/TutorialProvider/TutorialProvider.styles.ts
+++ b/src/providers/TutorialProvider/TutorialProvider.styles.ts
@@ -1,4 +1,4 @@
-import { Dialog } from '@equinor/eds-core-react';
+import { Dialog, Typography } from '@equinor/eds-core-react';
 import { tokens } from '@equinor/eds-tokens';
 
 import styled, { keyframes } from 'styled-components';
@@ -58,12 +58,17 @@ export const DialogContent = styled.div`
   display: flex;
   flex-direction: column;
   gap: ${spacings.comfortable.large};
+  width: fit-content;
+`;
+
+export const DialogTypography = styled(Typography)`
   width: 300px;
 `;
 
 export const DialogImage = styled.img`
   max-height: 300px;
   min-height: 50px;
+  max-width: 300px;
   object-fit: contain;
 `;
 
diff --git a/src/providers/TutorialProvider/TutorialProviderInner.tsx b/src/providers/TutorialProvider/TutorialProviderInner.tsx
index ec6625f..8dd34eb 100644
--- a/src/providers/TutorialProvider/TutorialProviderInner.tsx
+++ b/src/providers/TutorialProvider/TutorialProviderInner.tsx
@@ -73,7 +73,7 @@ const TutorialProviderInner: FC = () => {
   }, [activeTutorial, allElementsToHighlight, currentStep, viewportWidth]);
 
   const tutorialsForPath = useMemo(() => {
-    return appTutorials.filter((item) => item.path === pathname);
+    return appTutorials.filter((item) => pathname.includes(item.path));
   }, [appTutorials, pathname]);
 
   const runTutorial = useCallback(