diff --git a/README.md b/README.md
index 3bfc669d..35cb36a9 100644
--- a/README.md
+++ b/README.md
@@ -63,8 +63,8 @@ Database schema migration is automatically done when visiting the root (`/`) rou
 When the file `data/demo.txt` exists, the application will work in a demo mode which means authentication is disabled and some demo data will be generated during the database schema migration.
 
 ### Adding your own CSS or JS without to have to modify the application itself
-- When the file `data/custom.js` exists, the contents of the file will be added just before `</body>` (end of body) on every page
-- When the file `data/custom.css` exists, the contents of the file will be added just before `</head>` (end of head) on every page
+- When the file `data/custom_js.html` exists, the contents of the file will be added just before `</body>` (end of body) on every page
+- When the file `data/custom_css.html` exists, the contents of the file will be added just before `</head>` (end of head) on every page
 
 ## Screenshots
 #### Dashboard
diff --git a/views/layout/default.blade.php b/views/layout/default.blade.php
index 7aa337ba..272fbb73 100644
--- a/views/layout/default.blade.php
+++ b/views/layout/default.blade.php
@@ -28,8 +28,8 @@
 	<link href="{{ $U('/css/grocy.css?v=', true) }}{{ $version }}" rel="stylesheet">
 	@stack('pageStyles')
 
-	@if(file_exists(__DIR__ . '/../../data/custom.css'))
-		@php include __DIR__ . '/../../data/custom.css' @endphp
+	@if(file_exists(__DIR__ . '/../../data/custom_css.html'))
+		@php include __DIR__ . '/../../data/custom_css.html' @endphp
 	@endif
 
 	<script>
@@ -252,8 +252,8 @@
 	@stack('componentScripts')
 	<script src="{{ $U('/viewjs', true) }}/@yield('viewJsName').js?v={{ $version }}"></script>
 
-	@if(file_exists(__DIR__ . '/../../data/custom.js'))
-		@php include __DIR__ . '/../../data/custom.js' @endphp
+	@if(file_exists(__DIR__ . '/../../data/custom_js.html'))
+		@php include __DIR__ . '/../../data/custom_js.html' @endphp
 	@endif
 </body>