diff --git a/src/components/Main.vue b/src/components/Main.vue
index 2c21cc6..5d57dda 100644
--- a/src/components/Main.vue
+++ b/src/components/Main.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="fixed bottom-4 right-4 bg-neutral-800 font-sans text-white px-4 rounded-lg py-2">
+  <div class="fixed bottom-4 right-4 bg-neutral-800 font-sans text-white px-4 rounded-lg py-2 z-[99]">
     <input type="checkbox" v-model="readonly" class="mr-2" />
     <label for="checkbox">Read-only</label>
   </div>
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
index ed6d5cc..23e12ad 100644
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -2,28 +2,24 @@
 const defaultTheme = require('tailwindcss/defaultTheme')
 const plugin = require('tailwindcss/plugin')
 
-
 module.exports = {
   prefix: '',
-  content: [
-    "./index.html",
-    "./src/**/*.{vue,js,ts,jsx,tsx}",
-  ],
+  content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
   theme: {
     extend: {
       fontFamily: {
-        'sans': ['Inter', ...defaultTheme.fontFamily.sans],
+        sans: ['Inter', ...defaultTheme.fontFamily.sans],
       },
       boxShadow: {
-        'block': 'rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px',
+        block: 'rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px',
       },
       borderWidth: {
         DEFAULT: '1px',
-        '0': '0',
-        '2': '2px',
-        '3': '3px',
-        '4': '4px',
-      }
+        0: '0',
+        2: '2px',
+        3: '3px',
+        4: '4px',
+      },
     },
     groups: ['tooltip'],
   },
@@ -39,6 +35,6 @@ module.exports = {
           return `:merge(.group-${group}):hover &`
         })
       })
-    })
-  ]
+    }),
+  ],
 }