diff --git a/resources/views/components/layouts/auth.blade.php b/resources/views/components/layouts/auth.blade.php
index 6e1ae616f..4d2ad105d 100644
--- a/resources/views/components/layouts/auth.blade.php
+++ b/resources/views/components/layouts/auth.blade.php
@@ -14,7 +14,7 @@
 
         @stack('body_start')
 
-        <div id="app" class="bg-no-repeat bg-cover bg-center" style="background-image: url({{ asset('public/img/auth/login-bg.png') }});">
+        <div id="app" class="h-screen lg:h-auto bg-no-repeat bg-cover bg-center" style="background-image: url({{ asset('public/img/auth/login-bg.png') }});">
             <div class="relative w-full lg:max-w-7xl flex items-center m-auto">
                 <x-layouts.auth.slider>
                     {!! $slider ?? '' !!}
diff --git a/resources/views/components/layouts/install.blade.php b/resources/views/components/layouts/install.blade.php
index 1591df22c..ead055170 100644
--- a/resources/views/components/layouts/install.blade.php
+++ b/resources/views/components/layouts/install.blade.php
@@ -9,7 +9,7 @@
     <body>
         @stack('body_start')
 
-        <div class="bg-no-repeat bg-cover bg-center" style="background-image: url({{ asset('public/img/auth/login-bg.png') }});">
+        <div class="h-screen lg:h-auto bg-no-repeat bg-cover bg-center" style="background-image: url({{ asset('public/img/auth/login-bg.png') }});">
             @if (! file_exists(public_path('js/install.min.js')))
                 <div class="relative w-full lg:max-w-7xl flex flex-col lg:flex-row items-center m-auto">
                     <div class="md:w-6/12 h-screen hidden lg:flex flex-col items-center justify-center">
