diff --git a/resources/lang/en-GB/install.php b/resources/lang/en-GB/install.php
index a75a84d6d..af6686441 100644
--- a/resources/lang/en-GB/install.php
+++ b/resources/lang/en-GB/install.php
@@ -22,6 +22,7 @@ return [
         'extension'         => ':extension extension needs to be installed and loaded!',
         'directory'         => ':directory directory needs to be writable!',
         'executable'        => 'The PHP CLI executable file is not defined/working or its version is not :php_version or higher! Please, ask your hosting company to set PHP_BINARY or PHP_PATH environment variable correctly.',
+        'npm'               => '<b>Missing JavaScript files !</b> <br><br><span>You should run <em class="underline">npm install</em> and <em class="underline">npm run dev</em> commands.</span>', 
     ],
 
     'database' => [
diff --git a/resources/views/components/layouts/install.blade.php b/resources/views/components/layouts/install.blade.php
index 814b4cc3f..cf9e56c74 100644
--- a/resources/views/components/layouts/install.blade.php
+++ b/resources/views/components/layouts/install.blade.php
@@ -10,21 +10,39 @@
         @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="relative w-full lg:max-w-7xl flex items-center m-auto">
-                <x-layouts.auth.slider>
-                    {!! $slider ?? '' !!}
-                </x-layouts.auth.slider>
+            @if (! file_exists(public_path('public/js/install/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">
+                        <img src="{{ asset('public/img/empty_pages/transactions.png') }}" alt="" />                        
+                    </div>
 
-                <div class="w-full lg:w-46 h-31 flex flex-col justify-center gap-12 px-6 lg:px-24 py-24 mt-12 lg:mt-0">
-                    <div class="flex flex-col gap-4">
-                        <img src="{{ asset('public/img/akaunting-logo-green.svg') }}" class="w-16 my-3" alt="Akaunting" />
+                    <div class="w-full lg:w-46 h-31 flex flex-col justify-center gap-12 px-6 lg:px-24 py-24 mt-12 lg:mt-0">
+                        <div class="flex flex-col gap-4">
+                            <img src="{{ asset('public/img/akaunting-logo-green.svg') }}" class="w-16 my-3" alt="Akaunting" />
 
-                        <x-layouts.install.content :title="$title">
-                            {!! $content !!}
-                        </x-layouts.install.content>
+                            <div class="rounded-xl px-5 py-3 mb-5 bg-red-100 text-sm mb-0 text-red-600">
+                                {!! trans('install.requirements.npm') !!}
+                            </div>
+                        </div>
                     </div>
                 </div>
-            </div>
+            @else
+                <div class="relative w-full lg:max-w-7xl flex items-center m-auto">
+                    <x-layouts.auth.slider>
+                        {!! $slider ?? '' !!}
+                    </x-layouts.auth.slider>
+
+                    <div class="w-full lg:w-46 h-31 flex flex-col justify-center gap-12 px-6 lg:px-24 py-24 mt-12 lg:mt-0">
+                        <div class="flex flex-col gap-4">
+                            <img src="{{ asset('public/img/akaunting-logo-green.svg') }}" class="w-16 my-3" alt="Akaunting" />
+
+                            <x-layouts.install.content :title="$title">
+                                {!! $content !!}
+                            </x-layouts.install.content>
+                        </div>
+                    </div>
+                </div>
+            @endif
         </div>
 
         @stack('body_end')