From 9a23fa7b0c9778ca9ebdef4ed209185ffe1ab053 Mon Sep 17 00:00:00 2001
From: Paul Robert Lloyd <paulrobertlloyd@users.noreply.github.com>
Date: Tue, 19 Jul 2022 12:42:45 +0100
Subject: [PATCH] Ensure breakpoint in filter layout JS matches that used in
 CSS (#752)

---
 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'