From a5bfe85ec8bc137cd74fbb438f1fab37afab1fda Mon Sep 17 00:00:00 2001
From: Paul Robert Lloyd <me+git@paulrobertlloyd.com>
Date: Tue, 19 Jul 2022 12:33:03 +0100
Subject: [PATCH] Ensure breakpoint in filter layout JS matches that used in
 CSS

---
 app/frontend/controllers/filter_layout_controller.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/frontend/controllers/filter_layout_controller.js b/app/frontend/controllers/filter_layout_controller.js
index a0e439af3..f1c1d9d44 100644
--- a/app/frontend/controllers/filter_layout_controller.js
+++ b/app/frontend/controllers/filter_layout_controller.js
@@ -4,7 +4,7 @@ import { FilterToggle } from '../modules/filter_toggle.js'
 export default class extends Controller {
   connect () {
     const filterToggle = new FilterToggle({
-      bigModeMediaQuery: '(min-width: 48.0625em)',
+      bigModeMediaQuery: '(min-width: 57.5625em)', // 921px (wide breakpoint)
       closeButton: {
         container: this.element.querySelector('.app-filter__header'),
         text: 'Close'