diff --git a/frontend/src/main/scala/industries/sunshine/planningpoker/OwnHandControls.scala b/frontend/src/main/scala/industries/sunshine/planningpoker/OwnHandControls.scala
index f336951..987f8a7 100644
--- a/frontend/src/main/scala/industries/sunshine/planningpoker/OwnHandControls.scala
+++ b/frontend/src/main/scala/industries/sunshine/planningpoker/OwnHandControls.scala
@@ -21,7 +21,8 @@ object OwnHandControls {
     val submitVote = Fetch.get(s"/api/vote/$value").text
 
     div(
-      className := "cursor-pointer w-24 h-48 m-1 rounded-l flex justify-center items-center m-3 text-black bg-gray-50 border-black border-2",
+      className := "cursor-pointer w-24 h-48 m-1 rounded-l flex justify-center items-center m-3 text-black bg-gray-50 border-black border-2 drop-shadow-md",
+      className := "hover:-translate-y-2 hover:scale-[1.02] hover:drop-shadow-xl rounded-lg hover:bg-gray-100 ease-linear duration-200",
       onClick.flatMap(_ => submitVote) --> Observer(resp => g.console.info(resp.toString())),
       div(
         className := "-rotate-45 text-xl",