diff --git a/src/app/molecules/mobile-context-menu/MobileContextMenu.scss b/src/app/molecules/mobile-context-menu/MobileContextMenu.scss
new file mode 100644
index 00000000..f42e1f75
--- /dev/null
+++ b/src/app/molecules/mobile-context-menu/MobileContextMenu.scss
@@ -0,0 +1,34 @@
+.bottom-sheet-backdrop {
+  position: fixed;
+  inset: 0;
+  background-color: rgba(0, 0, 0, 0.5);
+  z-index: 1000;
+  touch-action: none;
+}
+
+.bottom-sheet-container {
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 1001;
+  display: flex;
+  flex-direction: column;
+  max-height: 90vh;
+  border-radius: 16px 16px 0 0;
+  box-shadow: 0px -4px B16px rgba(0, 0, 0, 0.15);
+}
+
+.bottom-sheet-grabber {
+  flex-shrink: 0;
+  width: 40px;
+  height: 5px;
+  border-radius: 2.5px;
+  background-color: #ccc;
+  margin: 8px auto;
+}
+
+.bottom-sheet-content {
+  overflow-y: auto;
+  padding: 0 1rem 1rem 1rem;
+}