Dialogs and Vuetify styling changes

src/components/MessageOperationsBottomSheet.vue

@@ -16,14 +16,12 @@
     >
       <slot></slot>
       <v-btn
-        fab
-        x-small
+        icon="cancel"
+        size="small"
         elevation="0"
-        color="black"
         @click.stop="backgroundClick"
         class="bottom-sheet-close"
       >
-        <v-icon color="white" >cancel</v-icon>
       </v-btn>
     </SwipeableBottomSheet>
   </div>
@@ -91,8 +89,8 @@ export default {
 .message-operations-bottom-sheet {
   .bottom-sheet-close {
       position: absolute;
-      right: 0;
-      top: 0;
+      right: 4px;
+      top: 4px;
   }
 
   .transition-bg {