diff --git a/src/web/App.mjs b/src/web/App.mjs
index b0cbeba4..9d286b29 100755
--- a/src/web/App.mjs
+++ b/src/web/App.mjs
@@ -881,6 +881,18 @@ class App {
             }
         }
     }
+
+    setDesktopUI(minimise){
+        this.setDesktopLayout(minimise);
+        // we don't want to display any checkmarks on desktop, so we clear them
+        this.manager.recipe.clearAllSelectedClasses();
+    }
+
+    setMobileUI(){
+        this.setMobileLayout();
+        // on window resizing below breakpoint, we want to put the checkmarks back
+        this.manager.recipe.updateSelectedOperations();
+    }
 }
 
 export default App;
diff --git a/src/web/TODO.md b/src/web/TODO.md
index 23454d96..c15540ee 100644
--- a/src/web/TODO.md
+++ b/src/web/TODO.md
@@ -22,6 +22,7 @@
 
 ### Misc:
 - Gruntfile revert dev config
+- check for lingering @TODO across code
 - comb through CSS and improve organisation for better DevX. Ask repo owners to open another issue perhaps and just redo all of the stylesheets ( preferably with SASS )
 - delete this file when done :)
 
diff --git a/src/web/waiters/WindowWaiter.mjs b/src/web/waiters/WindowWaiter.mjs
index f5d6042c..45e40182 100755
--- a/src/web/waiters/WindowWaiter.mjs
+++ b/src/web/waiters/WindowWaiter.mjs
@@ -28,9 +28,9 @@ class WindowWaiter {
      */
     windowResize() {
         if ( window.innerWidth >= this.app.breakpoint ) {
-            this.app.setDesktopLayout(false); //@TODO: use setDesktopUI() func
+            this.app.setDesktopUI(false);
         } else {
-            this.app.setMobileLayout(); //@TODO: use mobileUI() if needed
+            this.app.setMobileUI();
         }
 
         debounce(this.app.adjustComponentSizes, 200, "windowResize", this.app, [])();