diff --git a/src/components/MessageOperationsBottomSheet.vue b/src/components/MessageOperationsBottomSheet.vue
index f502061..7d4d507 100644
--- a/src/components/MessageOperationsBottomSheet.vue
+++ b/src/components/MessageOperationsBottomSheet.vue
@@ -92,6 +92,18 @@ export default {
   .card {
     padding: 0px !important;
   }
+
+  @media #{map-get($display-breakpoints, 'sm-and-down')} {
+    .card[data-state="close"] {
+      display: none;
+    }
+  }
+}
+@media #{map-get($display-breakpoints, 'sm-and-down')} {
+  .bottom-sheet-content[data-state="closed"] {
+    display: none;
+  }
 }
 
+
 </style>