diff --git a/views/layout/default.blade.php b/views/layout/default.blade.php
index d5acd8ef..f6b109ea 100644
--- a/views/layout/default.blade.php
+++ b/views/layout/default.blade.php
@@ -71,8 +71,7 @@
 		rel="stylesheet">
 	<link href="{{ $U('/node_modules/bootstrap-select/dist/css/bootstrap-select.min.css?v=', true) }}{{ $version }}"
 		rel="stylesheet">
-	<link href="{{ $U('/node_modules/daterangepicker/daterangepicker.css?v=', true) }}{{ $version }}"
-		rel="stylesheet">
+
 	<link href="{{ $U('/node_modules/@fontsource/noto-sans/latin.css?v=', true) }}{{ $version }}"
 		rel="stylesheet">
 	<link href="{{ $U('/css/grocy.css?v=', true) }}{{ $version }}"
@@ -736,7 +735,6 @@
 	@if(!empty($__t('bootstrap-select_locale') && $__t('bootstrap-select_locale') != 'x'))<script src="{{ $U('/node_modules', true) }}/bootstrap-select/dist/js/i18n/defaults-{{ $__t('bootstrap-select_locale') }}.js?v={{ $version }}"></script>@endif
 	<script src="{{ $U('/node_modules/jquery-lazy/jquery.lazy.min.js?v=', true) }}{{ $version }}"></script>
 	<script src="{{ $U('/node_modules/nosleep.js/dist/NoSleep.min.js?v=', true) }}{{ $version }}"></script>
-	<script src="{{ $U('/node_modules/daterangepicker/daterangepicker.js?v=', true) }}{{ $version }}"></script>
 
 	<script src="{{ $U('/js/extensions.js?v=', true) }}{{ $version }}"></script>
 	<script src="{{ $U('/js/grocy.js?v=', true) }}{{ $version }}"></script>
diff --git a/views/stockmetricspurchases.blade.php b/views/stockmetricspurchases.blade.php
index a97b0a27..af04188a 100644
--- a/views/stockmetricspurchases.blade.php
+++ b/views/stockmetricspurchases.blade.php
@@ -1,16 +1,19 @@
 @extends('layout.default')
 
 @section('title', $__t('Stock Metrics: Purchases'))
-@section('activeNav', 'stockmetricspurchases')
+@section('viewJsName', 'metrics')
 
-@once
-@push('componentScripts')
+@push('pageScripts')
 <script src="{{ $U('/node_modules/chart.js/dist/Chart.min.js?v=', true) }}{{ $version }}"></script>
 <script src="{{ $U('/node_modules/chartjs-plugin-doughnutlabel/dist/chartjs-plugin-doughnutlabel.js?v=', true) }}{{ $version }}"></script>
 <script src="{{ $U('/node_modules/chartjs-plugin-piechart-outlabels/dist/chartjs-plugin-piechart-outlabels.js?v=', true) }}{{ $version}}"></script>
-<script src="{{ $U('/viewjs/metrics.js', true) }}?v={{ $version }}"></script>
+<script src="{{ $U('/node_modules/daterangepicker/daterangepicker.js?v=', true) }}{{ $version }}"></script>
+@endpush
+
+@push('pageStyles')
+<link href="{{ $U('/node_modules/daterangepicker/daterangepicker.css?v=', true) }}{{ $version }}"
+	rel="stylesheet">
 @endpush
-@endonce
 
 @section('content')
 <div class="row">