diff --git a/baseTemplate/templates/baseTemplate/index.html b/baseTemplate/templates/baseTemplate/index.html
index 263d0357f..037747727 100644
--- a/baseTemplate/templates/baseTemplate/index.html
+++ b/baseTemplate/templates/baseTemplate/index.html
@@ -233,10 +233,13 @@
             border-radius: 16px;
             box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
             width: 520px;
+            max-width: calc(100vw - 40px);
             max-height: 600px;
             overflow-y: auto;
+            overflow-x: hidden;
             z-index: 10000;
             display: none;
+            box-sizing: border-box;
         }
         
         .notification-center-dropdown.show {
@@ -297,6 +300,8 @@
         
         .notification-center-list {
             padding: 1rem;
+            box-sizing: border-box;
+            overflow-x: hidden;
         }
         
         .notification-center-item {
@@ -307,6 +312,10 @@
             background: white;
             transition: all 0.2s ease;
             cursor: default;
+            box-sizing: border-box;
+            width: 100%;
+            overflow: hidden;
+            min-width: 0;
         }
         
         .notification-center-item:hover {
@@ -334,12 +343,25 @@
             align-items: center;
             gap: 0.75rem;
             line-height: 1.3;
+            width: 100%;
+            box-sizing: border-box;
+            min-width: 0;
+            overflow: hidden;
+        }
+        
+        .notification-center-item-title > span {
+            flex: 1;
+            min-width: 0;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
         }
         
         .notification-center-item-title i {
             font-size: 1.25rem;
             color: var(--accent-color);
             flex-shrink: 0;
+            min-width: 1.25rem;
         }
         
         .notification-center-item-title .dismissed-badge {
@@ -350,6 +372,8 @@
             padding: 0.25rem 0.5rem;
             background: #f3f4f6;
             border-radius: 6px;
+            flex-shrink: 0;
+            white-space: nowrap;
         }
         
         .notification-center-item-text {
@@ -358,6 +382,11 @@
             line-height: 1.6;
             margin-bottom: 1rem;
             word-wrap: break-word;
+            overflow-wrap: break-word;
+            word-break: break-word;
+            width: 100%;
+            box-sizing: border-box;
+            overflow: hidden;
         }
         
         .notification-center-item-actions {
@@ -379,6 +408,15 @@
             border-radius: 8px;
             transition: all 0.2s ease;
             white-space: nowrap;
+            box-sizing: border-box;
+            max-width: 100%;
+            overflow: hidden;
+        }
+        
+        .notification-center-item-link > span {
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
         }
         
         .notification-center-item-link:hover {