diff --git a/ui/src/frontend/track_group_panel.ts b/ui/src/frontend/track_group_panel.ts
index e0166463d6..a349e54e36 100644
--- a/ui/src/frontend/track_group_panel.ts
+++ b/ui/src/frontend/track_group_panel.ts
@@ -188,7 +188,7 @@ export class TrackGroupPanel extends Panel<Attrs> {
         m(`.shell[draggable=true]`,
           {
             onclick: (e: MouseEvent) => {
-              if (!e.ctrlKey) {
+              if (!(navigator.userAgent.includes('Mac')? e.metaKey : e.ctrlKey)) {
                 globals.dispatch(
                   Actions.clearTrackAndGroupSelection({}));
               }
diff --git a/ui/src/frontend/track_panel.ts b/ui/src/frontend/track_panel.ts
index 4e27f05c88..a9d60c9225 100644
--- a/ui/src/frontend/track_panel.ts
+++ b/ui/src/frontend/track_panel.ts
@@ -184,7 +184,7 @@ class TrackShell implements m.ClassComponent<TrackShellAttrs> {
         {
           class: `${highlightClass} ${dragClass} ${dropClass} ${globals.state.selectedTrackIds.has(attrs.trackState.id)? 'selected': ''}`,
           onclick: (e: MouseEvent)=>{
-            if (!e.ctrlKey) {
+            if (!(navigator.userAgent.includes('Mac')? e.metaKey : e.ctrlKey)) {
               globals.dispatch(
                 Actions.clearTrackAndGroupSelection({}));
             }