diff --git a/packages/application/style/base.css b/packages/application/style/base.css
index eb2281e966..665f7e8279 100644
--- a/packages/application/style/base.css
+++ b/packages/application/style/base.css
@@ -43,6 +43,7 @@ body.jp-ThemedContainer {
   margin-left: auto;
   margin-right: auto;
   max-width: 1200px;
+  container-type: inline-size;
 }
 
 #menu-panel-wrapper {
diff --git a/packages/notebook-extension/style/base.css b/packages/notebook-extension/style/base.css
index ac793f9cfd..c16908511c 100644
--- a/packages/notebook-extension/style/base.css
+++ b/packages/notebook-extension/style/base.css
@@ -123,8 +123,10 @@ body[data-notebook='notebooks'] .jp-Notebook-footer {
 
 /* Mobile View */
 
-body[data-format='mobile'] .jp-NotebookCheckpoint {
-  display: none;
+@container (max-width: 760px) {
+  #top-panel .jp-NotebookCheckpoint {
+    display: none;
+  }
 }
 
 body[data-format='mobile'] .jp-WindowedPanel-outer > *:first-child {