padding

listify-client/src/app/workspace-page.scss

@@ -1,7 +1,9 @@
 .workspace-page {
   width: min(100%, 1120px);
+  max-width: 100%;
   margin: 0 auto;
   padding: 1rem;
+  overflow-x: hidden;
 }
 
 .page-header {
@@ -10,9 +12,11 @@
   flex-direction: column;
   gap: 1rem;
   margin-bottom: 1rem;
+  min-width: 0;
 }
 
 .page-header h1 {
+  overflow-wrap: anywhere;
   margin: 0;
   font-size: 1.6rem;
   font-weight: 500;
@@ -67,20 +71,30 @@
 .template-grid {
   display: grid;
   gap: 0.75rem;
+  min-width: 0;
 }
 
 .template-card {
+  min-width: 0;
+  max-width: 100%;
   border-radius: 8px;
   background: color-mix(in srgb, var(--mat-sys-surface-container-low) 94%, white);
 }
 
 .template-card mat-card-header {
+  min-width: 0;
   padding-bottom: 0.35rem;
 }
 
+.template-card mat-card-title,
+.template-card mat-card-subtitle {
+  overflow-wrap: anywhere;
+}
+
 .template-description {
   margin: 0.5rem 0 0;
   color: var(--mat-sys-on-surface-variant);
+  overflow-wrap: anywhere;
 }
 
 .template-meta {
@@ -96,6 +110,7 @@
   display: inline-flex;
   align-items: center;
   gap: 0.3rem;
+  min-width: 0;
 }
 
 .template-meta mat-icon {