diff --git a/src/widgets/window.js b/src/widgets/window.js
index aab6f404..9f49a13e 100644
--- a/src/widgets/window.js
+++ b/src/widgets/window.js
@@ -42,7 +42,6 @@ const _bindFlags = GObject.BindingFlags.BIDIRECTIONAL | GObject.BindingFlags.SYN
 const _bindReadFlags = GObject.BindingFlags.SYNC_CREATE;
 
 const menuResource = '/com/github/tchx84/Flatseal/widgets/menu.ui';
-const ACTION_BAR_BREAKPOINT = 540;
 const APP_SELECTION_DELAY = 100;
 
 
@@ -409,17 +408,6 @@ var FlatsealWindow = GObject.registerClass({
         this._permissions.undo();
     }
 
-    /* XXX switch to Breakpoints API when available */
-    vfunc_size_allocate(width, height, baseline) {
-        const visible = width <= ACTION_BAR_BREAKPOINT;
-
-        this._detailsHeaderButton.visible = !visible;
-        this._resetHeaderButton.visible = !visible;
-        this._actionBar.visible = visible;
-
-        return super.vfunc_size_allocate(width, height, baseline);
-    }
-
     vfunc_close_request() {
         this._settings.saveWindowState(this);
         this._shutdown();
diff --git a/src/widgets/window.ui b/src/widgets/window.ui
index 633a1b57..8921ac01 100644
--- a/src/widgets/window.ui
+++ b/src/widgets/window.ui
@@ -8,6 +8,9 @@
       <object class="AdwBreakpoint">
         <condition>max-width: 720sp</condition>
         <setter object="contentLeaflet" property="collapsed">True</setter>
+        <setter object="startHeaderBox" property="visible">False</setter>
+        <setter object="endHeaderBox" property="visible">False</setter>
+        <setter object="actionBar" property="visible">True</setter>
       </object>
     </child>
     <property name="content">