diff --git a/src/features/editor/card.jsx b/src/features/editor/card.jsx
index eb7e4e7..03913d1 100644
--- a/src/features/editor/card.jsx
+++ b/src/features/editor/card.jsx
@@ -3,15 +3,15 @@ export default function Card(props) {
     <div
       className={
         props.className +
-        ' mb-4 mr-4 flex flex-col justify-start border border-gray-300 rounded-md shadow-md bg-white'
+        ' mb-2 mr-3 flex flex-col justify-start border border-gray-300 rounded-md shadow-md bg-white'
       }
     >
-      <header className="flex items-start justify-between py-2 px-4 border-b border-solid border-gray-200">
+      <header className="flex items-start justify-between py-1 px-2 border-b border-solid border-gray-200">
         <h3 className="pointer-events-none text-xl font-semibold text-gray-900">
           {props.header}
         </h3>
       </header>
-      <section className="flex-grow flex flex-col justify-evenly my-3 px-6">
+      <section className="flex-grow flex flex-col justify-evenly my-1 px-3">
         {props.children}
       </section>
     </div>