diff --git a/.gitignore b/.gitignore
index e8b5051..3daafa8 100644
--- a/.gitignore
+++ b/.gitignore
@@ -76,7 +76,7 @@ node_modules/
 /coverage
 
 # production
-/build
+build
 
 # misc
 .DS_Store
diff --git a/src/components/planning/PlanningsPage.module.scss b/src/components/planning/PlanningsPage.module.scss
index da582d9..ccf423c 100644
--- a/src/components/planning/PlanningsPage.module.scss
+++ b/src/components/planning/PlanningsPage.module.scss
@@ -5,15 +5,20 @@
 }
 
 .calendarTag {
-    display: block !important;
-    font-size: 0.7rem !important;
     height: 15px !important;
-    margin: 1px 0 !important;
-    line-height: 10px !important;
+    vertical-align: middle;
+
+    &Container {
+        height: 15px;
+        margin: 1px 0;
+    }
+
+    &Text {
+        vertical-align: middle;
+    }
 
     &Outline {
         background-color: transparent !important;
-        color: black !important;
     }
 }
 
diff --git a/src/components/planning/PlanningsPage.tsx b/src/components/planning/PlanningsPage.tsx
index 8a8afe2..eb60081 100644
--- a/src/components/planning/PlanningsPage.tsx
+++ b/src/components/planning/PlanningsPage.tsx
@@ -168,14 +168,14 @@ class PlanningsPage extends React.Component<PlanningsPageProps, IPlanningsPageSt
             const usedCapacity = internshipsToday.filter((internship) => internship.departmentId === department.id).length;
             const totalCapacity = department.totalCapacity;
             return (
-                <Tag
-                    key={department.id}
-                    color={department.color}
-                    style={{ border: `2px solid ${department.color}` }}
-                    className={classNames(styles.notClickableTag, styles.calendarTag, { [styles.calendarTagOutline]: usedCapacity < totalCapacity })}
-                >
-                    {usedCapacity} / {totalCapacity}
-                </Tag>
+                <div key={department.id} className={styles.calendarTagContainer}>
+                    <Tag
+                        color={department.color}
+                        style={{ border: `2px solid ${department.color}` }}
+                        className={classNames(styles.notClickableTag, styles.calendarTag, { [styles.calendarTagOutline]: usedCapacity < totalCapacity })}
+                    />
+                    <span className={styles.calendarTagText}>{usedCapacity} / {totalCapacity}</span>
+                </div>
             );
         });
         return (