diff --git a/pages/settings/index.vue b/pages/settings/index.vue
index dd72a109e2..eee65b2f65 100644
--- a/pages/settings/index.vue
+++ b/pages/settings/index.vue
@@ -480,6 +480,7 @@ const listTypes = computed(() => {
     background-color: var(--color-bg);
     padding: 1.5rem;
     outline: 2px solid transparent;
+    width: 100%;
 
     .example-card {
       margin: 0;