diff --git a/src/components/MessageOperationsBottomSheet.vue b/src/components/MessageOperationsBottomSheet.vue
index 7d4d507..e0cd9ef 100644
--- a/src/components/MessageOperationsBottomSheet.vue
+++ b/src/components/MessageOperationsBottomSheet.vue
@@ -91,19 +91,20 @@ 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-up')} {
+      &[data-state="close"] {
+        display: none;
+      }
+
+      &[data-state="half"] {
+        top: 394px !important;
+      }
     }
   }
 }
-@media #{map-get($display-breakpoints, 'sm-and-down')} {
-  .bottom-sheet-content[data-state="closed"] {
-    display: none;
-  }
+
+.bottom-sheet-content[data-state="closed"] {
+  display: none;
 }
-
-
 </style>