diff --git a/src/components/itembox/tib-calendar-material.vue b/src/components/itembox/tib-calendar-material.vue
index e13cfe4a..5cfc4389 100644
--- a/src/components/itembox/tib-calendar-material.vue
+++ b/src/components/itembox/tib-calendar-material.vue
@@ -27,7 +27,6 @@ const props = defineProps<TMiniWeaponProps>();
 .tcm-box {
   position: relative;
   display: flex;
-  width: 180px;
   height: 45px;
   border: 1px solid var(--common-shadow-1);
   border-radius: 5px;
diff --git a/src/components/overlay/to-calendar.vue b/src/components/overlay/to-calendar.vue
index db8c7c1c..da394039 100644
--- a/src/components/overlay/to-calendar.vue
+++ b/src/components/overlay/to-calendar.vue
@@ -114,6 +114,7 @@ function toDetail(item: TGApp.App.Calendar.Item): void {
 
 .toc-material-grid {
   display: grid;
+  width: 100%;
   font-family: var(--font-title);
   grid-gap: 10px;
   grid-template-columns: repeat(2, 1fr);