diff --git a/frontend/src/lib/components/calendar.svelte b/frontend/src/lib/components/calendar.svelte
index 765dcaa..9169b99 100644
--- a/frontend/src/lib/components/calendar.svelte
+++ b/frontend/src/lib/components/calendar.svelte
@@ -7,7 +7,7 @@
     }
 </script>
 
-<div class="calendar rounded">
+<div class="calendar input rounded">
     <div class="month">
         <ul>
             <li class="prev">&#10094;</li>
@@ -36,6 +36,10 @@
 <style>
     ul {list-style-type: none;}
 
+    .calendar {
+        padding: 0;
+    }
+
     .calendar * {
         margin: 0;
     }