diff --git a/pages/popup/results.htm b/pages/popup/results.htm
index c6e8021..e6fa3c0 100644
--- a/pages/popup/results.htm
+++ b/pages/popup/results.htm
@@ -9,8 +9,9 @@
                <p id="summary" data-active-result="Rating,Reason" class="flow-text"></p>
                <p data-active-result="Description,Summary"></p>
                <progress id="score" data-active-result="Rating,Score" min="0" max="1" value=""></progress>
+               <label >Scroll down for details.</label>
           </summary>
-          <details data-active-result="Description,Aspects,*" data-active-result-type="card">
-          </details>
+          <section class="tip" data-active-result="Description,Aspects,*" data-active-result-type="card">
+          </section>
      </body>
 </html>
\ No newline at end of file
diff --git a/styles/layouts/popup.css b/styles/layouts/popup.css
index 63e69c0..313d3f7 100644
--- a/styles/layouts/popup.css
+++ b/styles/layouts/popup.css
@@ -6,8 +6,11 @@
      padding: 2em;
 }
 
-#results > details {
-     margin-top: auto;
-     margin-bottom: auto;
+#results:not(:has(details[open])) summary {
+     height: 100%;
 }
 
+#results summary p {
+     margin-top: 0.5em;
+     margin-bottom: 0.5em;
+}
\ No newline at end of file