Dialogs and Vuetify styling changes

src/components/BottomSheet.vue

@@ -18,15 +18,13 @@
       :style="{ top: `${isMove ? y : calcY()}px` }"
     >
       <v-btn
-        fab
-        x-small
+        size="small"
         elevation="0"
-        color="black"
         @click.stop="onBackgroundClick"
         class="bottom-sheet-close"
         v-if="showCloseButton"
+        icon="cancel"
       >
-        <v-icon color="white" >cancel</v-icon>
       </v-btn>
       <div class="bottom-sheet-handle"><div class="bottom-sheet-handle-decoration" /></div>
       <div ref="sheetContent" class="sheetContent">
@@ -220,8 +218,8 @@ export default {
 
   .bottom-sheet-close {
     position: absolute;
-    right: 0;
-    top: 0;
+    right: 4px;
+    top: 4px;
     z-index: 1;
   }