diff --git a/src/assets/css/blocks/site-nav-drawer.css b/src/assets/css/blocks/site-nav-drawer.css
index 2c74bb4..eba1ba4 100644
--- a/src/assets/css/blocks/site-nav-drawer.css
+++ b/src/assets/css/blocks/site-nav-drawer.css
@@ -1,9 +1,3 @@
-/* set on parent div to get the right z-index context */
-.ontop {
-  z-index: 1;
-  position: relative;
-}
-
 .site-nav-drawer {
   position: var(--nav-position, absolute);
   inset-inline-end: 0.1rem;
@@ -11,6 +5,7 @@
 
 /* Remove default list styling and create layout for list */
 .site-nav-drawer ul {
+  z-index: 1;
   --cluster-vertical-alignment: normal;
   --gutter: var(--space-xs);
   list-style: none;
diff --git a/src/assets/css/utilities/ontop.css b/src/assets/css/utilities/ontop.css
new file mode 100644
index 0000000..3a5d400
--- /dev/null
+++ b/src/assets/css/utilities/ontop.css
@@ -0,0 +1,5 @@
+/* set on parent div to get the right z-index context */
+.ontop {
+  z-index: 1;
+  position: relative;
+}