diff --git a/src/components/Card.tsx b/src/components/Card.tsx
index 7f605ec..8429523 100644
--- a/src/components/Card.tsx
+++ b/src/components/Card.tsx
@@ -15,7 +15,7 @@ interface Props {
 
 const CardComp: React.FC<Props> = ({card,side,onChange,onRemove}) => {
     return (
-        <div className="bg-gray-600 m-1 p-1 w-72 min-h-12">
+        <div className="bg-gray-600 m-1 p-1 w-72 min-h-card">
             <span className="float-right cursor-pointer" onClick={()=>{onRemove?.()}}>X</span>
             <span className="font-bold"><TextEdit 
                 text={card.title}
diff --git a/src/index.css b/src/index.css
index 01b2b2e..3d583cd 100644
--- a/src/index.css
+++ b/src/index.css
@@ -2,6 +2,6 @@
 @tailwind components;
 @tailwind utilities;
 
-.min-h-12 {
-    min-height: 12rem;
+.min-h-card {
+    min-height: 10rem;
 }