diff --git a/src/pages/item/components/List.vue b/src/pages/item/components/List.vue
index 48c0cac..4479b39 100644
--- a/src/pages/item/components/List.vue
+++ b/src/pages/item/components/List.vue
@@ -37,7 +37,7 @@
       <p
         class="text-center mx-2"
         :class="[
-          `${getLayout(classificationId) === 'tile' ? 'mt-2' : ''}`,
+          `${getLayout(classificationId) === 'tile' ? 'mt-2 text-center' : ''}`,
           `${
             getLayout(classificationId) === 'list'
               ? store.setting.item.hideEllipsis
diff --git a/src/styles/style.css b/src/styles/style.css
index 57d56e3..7deea5c 100644
--- a/src/styles/style.css
+++ b/src/styles/style.css
@@ -75,7 +75,7 @@ input::-webkit-inner-spin-button {
 }
 
 .item-name-tile-2 {
-  word-break: break-all;
+  word-break: break-word;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
@@ -86,7 +86,7 @@ input::-webkit-inner-spin-button {
 
 .item-name-tile-2-no-ellipsis {
   max-height: 40px;
-  word-break: break-all;
+  word-break: break-word;
   overflow: hidden;
 }