diff --git a/src/component/calendar/Calendar.jsx b/src/component/calendar/Calendar.jsx
index eead0d8..4e66786 100644
--- a/src/component/calendar/Calendar.jsx
+++ b/src/component/calendar/Calendar.jsx
@@ -94,10 +94,10 @@ export default function Calendar(){
                                                 // >
                                                 //     <span>{item.description}</span>
                                                 // </div>
-                                                <div key={index} className={`fc-event form-check ${color}`}>
+                                                <div key={index} className={`form-check ${color}`}>
                                                     <input className="form-check-input" type="radio" value={item.cid}
                                                         id={item.cid} name='category' checked={item.cid == activeCategory} onChange={() => handleActiveCategory(item.cid)} />
-                                                        <label className={`${color} form-check-label`} htmlFor={item.cid}>
+                                                        <label className={`w-100 form-check-label`} htmlFor={item.cid}>
                                                         {item.description}
                                                         </label>
                                                 </div>
diff --git a/src/css/calendar/_calendar.scss b/src/css/calendar/_calendar.scss
index f7033c4..f2ab4c2 100644
--- a/src/css/calendar/_calendar.scss
+++ b/src/css/calendar/_calendar.scss
@@ -50,6 +50,9 @@
     &-primary {
       @include hex-rgba($primary, 0.2);
       color:$primary;
+      & label {
+        color:$primary;
+      }
       &:before {
         @include hex-rgba($primary, 0.8);
       }
@@ -60,6 +63,9 @@
     &-warning {
       @include hex-rgba($warning, 0.2);
       color:$warning;
+      & label {
+        color:$warning;
+      }
       &:before {
         @include hex-rgba($warning, 0.8);
       }
@@ -70,6 +76,9 @@
     &-danger {
       @include hex-rgba($danger, 0.2);
       color:$danger;
+      & label {
+        color:$danger;
+      }
       &:before {
         @include hex-rgba($danger, 0.8);
       }
@@ -80,6 +89,9 @@
     &-success {
       @include hex-rgba($success, 0.2);
       color:$success;
+      & label {
+        color:$success;
+      }
       &:before {
         @include hex-rgba($success, 0.8);
       }