diff --git a/frontend/components/global/LoadingOverlay.vue b/frontend/components/global/LoadingOverlay.vue
index 57494c6..fecd7bf 100644
--- a/frontend/components/global/LoadingOverlay.vue
+++ b/frontend/components/global/LoadingOverlay.vue
@@ -92,7 +92,7 @@ onMounted(() => {
                 src="/img/heymlz/heymlz-text-logo.png"
                 class="invert w-[250px]"
             />
-            <div class="bg-slate-800 w-[400px] h-1 rounded-full overflow-hidden">
+            <div class="bg-slate-800 w-[300px] sm:w-[400px] h-1 rounded-full overflow-hidden">
                 <div
                     class="bg-slate-100 h-full w-full transition-all duration-250"
                     :style="progressStyle"