diff --git a/report-app/src/app/pages/report-viewer/report-viewer.html b/report-app/src/app/pages/report-viewer/report-viewer.html
index 106d794..54ff0a5 100644
--- a/report-app/src/app/pages/report-viewer/report-viewer.html
+++ b/report-app/src/app/pages/report-viewer/report-viewer.html
@@ -365,7 +365,7 @@ <h2>Generated applications</h2>
           <div class="app-details">
             <div class="app-details-section">
               <h4>Prompt</h4>
-              <pre class="callout neutral">{{ result.promptDef.prompt }}</pre>
+              <pre class="callout neutral code">{{ result.promptDef.prompt }}</pre>
             </div>
 
             <div class="app-details-section">
@@ -422,7 +422,8 @@ <h5>
                   [class.warn]="totalPercent < 90 && totalPercent >= 80"
                   [class.error]="totalPercent < 80"
                 >
-                  {{ result.score.totalPoints }} / {{ result.score.maxOverallPoints }} points ({{totalPercent}}%)
+                  {{ result.score.totalPoints }} / {{ result.score.maxOverallPoints }} points ({{totalPercent
+                  }}%)
                 </span>
               </div>
             </div>
diff --git a/report-app/src/app/shared/styles/callouts.scss b/report-app/src/app/shared/styles/callouts.scss
index 84bc52c..71fec1b 100644
--- a/report-app/src/app/shared/styles/callouts.scss
+++ b/report-app/src/app/shared/styles/callouts.scss
@@ -11,6 +11,7 @@
       font-family: monospace;
       font-size: 0.75rem;
       white-space: pre-wrap;
+      overflow: scroll;
     }
 
     &.neutral {