diff --git a/layout/theme.liquid b/layout/theme.liquid
index 1bfbae5..b23a03c 100644
--- a/layout/theme.liquid
+++ b/layout/theme.liquid
@@ -408,7 +408,7 @@
 
   </head>
 
-  <body class="gradient{% if settings.animations_hover_elements != 'none' %} animate--hover-{{ settings.animations_hover_elements }}{% endif %}">
+  <body class="gradient{% if settings.animations_hover_elements != 'none' %} animate--hover-{{ settings.animations_hover_elements }}{% endif %} shx-loading-screen-overflow-scroll">
     {% render 'shx-loading-screen'
       , content_type: 'body' %}
 
diff --git a/snippets/shx-loading-screen.liquid b/snippets/shx-loading-screen.liquid
index f789673..465c33a 100644
--- a/snippets/shx-loading-screen.liquid
+++ b/snippets/shx-loading-screen.liquid
@@ -1,6 +1,6 @@
-{% assign content_type = content_type | default: 'body' %}
+{% assign content_type = content_type | default: "body" %}
 
-{% if content_type == 'body' %}
+{% if content_type == "body" %}
   <div id="shx-loading-screen">
     <div id="shx-loading-screen-text">
       <svg width="1257" height="189" viewBox="0 0 1257 189" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -8,8 +8,12 @@
       </svg>
     </div>
   </div>
-{% elsif content_type == 'head' %}
+{% elsif content_type == "head" %}
   <style>
+    .shx-loading-screen-overflow-scroll {
+      overflow-y: scroll;
+    }
+
     #shx-loading-screen {
       position: fixed;
       top: 0;
@@ -51,21 +55,24 @@
 
   <script>
     document.addEventListener("DOMContentLoaded", function() {
-      const loadingScreen = document.getElementById('shx-loading-screen');
+      const loadingScreen = document.getElementById("shx-loading-screen");
+      const body = document.querySelector("body")
 
       function showLoadingScreen() {
-        loadingScreen.classList.remove('shx-loading-screen-hidden');
+        loadingScreen.classList.remove("shx-loading-screen-hidden");
+        body.classList.remove("shx-loading-screen-overflow-scroll")
       }
 
       function hideLoadingScreen() {
-        loadingScreen.classList.add('shx-loading-screen-hidden');
+        loadingScreen.classList.add("shx-loading-screen-hidden");
+        body.classList.add("shx-loading-screen-overflow-scroll")
       }
 
-      window.addEventListener('beforeunload', function() {
+      window.addEventListener("beforeunload", function() {
         showLoadingScreen();
       });
 
-      window.addEventListener('load', function() {
+      window.addEventListener("load", function() {
         hideLoadingScreen();
       });
     });
