fix: header text wrapping

SamHillierDev · Dec 19, 2024 · 6dd93cb · 6dd93cb
1 parent 3a26fab
commit 6dd93cb
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/views/ArticlesPage.vue b/src/views/ArticlesPage.vue
@@ -96,7 +96,9 @@ const clearProductFilter = () => {
     <section
       class="rounded-2xl bg-blue-50 p-4 shadow-md dark:bg-slate-900 dark:text-gray-100 dark:shadow-inner"
     >
-      <h2 class="mb-6 flex items-center gap-2 text-2xl font-semibold">
+      <h2
+        class="mb-6 flex flex-wrap items-center gap-2 text-2xl font-semibold"
+      >
         Articles for {{ countryName }}
         <span v-if="productFilter"> - {{ productFilter }} </span>
         <button