diff --git a/src/components/device/DeviceKeys.vue b/src/components/device/DeviceKeys.vue
index 8e94bf9..87a0ee3 100644
--- a/src/components/device/DeviceKeys.vue
+++ b/src/components/device/DeviceKeys.vue
@@ -5,7 +5,7 @@
       :key="key" :class="{'outline outline-white ' : key === selected,
       'hover:outline outline-zinc-400' : key !== selected}"
       class="aspect-square flex-1 rounded-[2px] flex items-center justify-center transition-all"
-      :style="`box-shadow: 0 0 20px 0 ${color.hex()}`"
+      :style="`box-shadow: 0 3px 20px -2px ${color.hex()}`"
       @click="$emit('select', key)">
       <span
         class="font-heading text-2xl transition-colors"