diff --git a/components/Soundboard/index.tsx b/components/Soundboard/index.tsx
index 821c7ec..30064f6 100644
--- a/components/Soundboard/index.tsx
+++ b/components/Soundboard/index.tsx
@@ -18,7 +18,7 @@ export default function Soundboard() {
   const [playTallBand] = useSound("/tallband.m4a", {soundEnabled: true});
 
   const getButton = (title: string, play: () => void) => {
-    return <button className="border-2 rounded-lg p-4 text-center text-xl font-medium cursor-pointer hover:bg-gray-200" onClick={() => play()}>{title}</button>
+    return <button className="border-2 rounded-lg p-4 text-center text-xl font-medium cursor-pointer hover:bg-gray-200 active:bg-blue-200" onClick={() => play()}>{title}</button>
   }
 
   return (