diff --git a/src/components/Card.tsx b/src/components/Card.tsx
index e984d4d..3c0af2b 100644
--- a/src/components/Card.tsx
+++ b/src/components/Card.tsx
@@ -7,7 +7,7 @@ export const Card: React.FC<HTMLProps<HTMLDivElement>> = ({ className, children,
         className={
             classNames(
                 'rounded-xl bg-theme-padding text-theme-text drop-shadow px-5 py-4',
-                { 'cursor-pointer hover:-translate-y-1 hover:drop-shadow-lg transition duration-200': props.onClick },
+                { 'cursor-pointer hover:bg-theme-padding hover:-translate-y-1 hover:drop-shadow-lg transition duration-200': props.onClick },
                 className,
             )
         }