diff --git a/.vscode/settings.json b/.vscode/settings.json
index 5a57608..eb87130 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -5,7 +5,6 @@
   "i18n-ally.sortKeys": true,
   "prettier.enable": false,
   "typescript.tsdk": "node_modules/typescript/lib",
-  "volar.style.defaultLanguage": "postcss",
   "volar.tsPlugin": true,
   "volar.tsPluginStatus": false,
   "editor.codeActionsOnSave": {
diff --git a/components.d.ts b/components.d.ts
index f716bc4..cb67fd6 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -5,14 +5,13 @@ declare module 'vue' {
   export interface GlobalComponents {
     Footer: typeof import('./src/components/Footer.vue')['default']
     README: typeof import('./src/components/README.md')['default']
-    CarbonDicomOverlay: typeof import('virtual:vite-icons/carbon/dicom-overlay')['default']
-    CarbonWarning: typeof import('virtual:vite-icons/carbon/warning')['default']
     CarbonCampsite: typeof import('virtual:vite-icons/carbon/campsite')['default']
-    CarbonPedestrian: typeof import('virtual:vite-icons/carbon/pedestrian')['default']
     CarbonMoon: typeof import('virtual:vite-icons/carbon/moon')['default']
     CarbonSun: typeof import('virtual:vite-icons/carbon/sun')['default']
     CarbonLanguage: typeof import('virtual:vite-icons/carbon/language')['default']
+    CarbonDicomOverlay: typeof import('virtual:vite-icons/carbon/dicom-overlay')['default']
     CarbonLogoGithub: typeof import('virtual:vite-icons/carbon/logo-github')['default']
+    CarbonPedestrian: typeof import('virtual:vite-icons/carbon/pedestrian')['default']
   }
 }
 
diff --git a/src/components/Footer.vue b/src/components/Footer.vue
index 8e8540f..085fbce 100644
--- a/src/components/Footer.vue
+++ b/src/components/Footer.vue
@@ -17,10 +17,10 @@ const toggleLocales = () => {
       <carbon-campsite />
     </router-link>
 
-    <a class="icon-btn mx-2" :title="t('button.toggle_dark')" @click="toggleDark">
+    <button class="icon-btn mx-2 !outline-none" :title="t('button.toggle_dark')" @click="toggleDark">
       <carbon-moon v-if="isDark" />
       <carbon-sun v-else />
-    </a>
+    </button>
 
     <a class="icon-btn mx-2" :title="t('button.toggle_langs')" @click="toggleLocales">
       <carbon-language />
diff --git a/src/pages/index.vue b/src/pages/index.vue
index be3d091..6087165 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -37,9 +37,13 @@ const { t } = useI18n()
       :aria-label="t('intro.whats-your-name')"
       type="text"
       autocomplete="false"
-      class="px-4 py-2 text-sm text-center bg-transparent border border-gray-200 rounded outline-none active:outline-none dark:border-gray-700"
-      style="width: 250px"
       @keydown.enter="go"
+      p="x-4 y-2"
+      w="250px"
+      text="center"
+      bg="transparent"
+      border="~ rounded gray-200 dark:gray-700"
+      outline="none active:none"
     >
     <label class="hidden" for="input">{{ t('intro.whats-your-name') }}</label>