From 3df4b44b8d9fea16f46a3a8d10d2db72784571e6 Mon Sep 17 00:00:00 2001
From: Marc Mintel <marc@mintel.me>
Date: Fri, 6 Feb 2026 17:08:39 +0100
Subject: [PATCH] fix: center success and error messages within the
 RequestQuoteForm component.

---
 components/RequestQuoteForm.tsx | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/components/RequestQuoteForm.tsx b/components/RequestQuoteForm.tsx
index 13462e91..34a9d56b 100644
--- a/components/RequestQuoteForm.tsx
+++ b/components/RequestQuoteForm.tsx
@@ -49,7 +49,7 @@ export default function RequestQuoteForm({ productName }: RequestQuoteFormProps)
 
   if (status === 'success') {
     return (
-      <div className="bg-accent/5 border border-accent/20 text-primary-dark p-4 rounded-xl text-center animate-fade-in !mt-0">
+      <div className="bg-accent/5 border border-accent/20 text-primary-dark p-4 rounded-xl text-center flex flex-col items-center animate-fade-in !mt-0">
         <div className="w-10 h-10 bg-accent rounded-full flex items-center justify-center mx-auto mb-3 shadow-lg shadow-accent/20">
           <svg
             className="w-5 h-5 text-primary-dark"
@@ -60,8 +60,10 @@ export default function RequestQuoteForm({ productName }: RequestQuoteFormProps)
             <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={3} d="M5 13l4 4L19 7" />
           </svg>
         </div>
-        <h3 className="text-base font-extrabold mb-1 tracking-tight !mt-0">{t('successTitle')}</h3>
-        <p className="text-text-secondary text-xs leading-tight mb-4 !mt-0">
+        <h3 className="text-base font-extrabold mb-1 tracking-tight !mt-0 text-center">
+          {t('successTitle')}
+        </h3>
+        <p className="text-text-secondary text-xs leading-tight mb-4 !mt-0 text-center">
           {t('successDesc', { productName })}
         </p>
         <button
@@ -78,7 +80,7 @@ export default function RequestQuoteForm({ productName }: RequestQuoteFormProps)
 
   if (status === 'error') {
     return (
-      <div className="bg-destructive/5 border border-destructive/20 text-destructive p-4 rounded-xl text-center animate-fade-in !mt-0">
+      <div className="bg-destructive/5 border border-destructive/20 text-destructive p-4 rounded-xl text-center flex flex-col items-center animate-fade-in !mt-0">
         <div className="w-10 h-10 bg-destructive rounded-full flex items-center justify-center mx-auto mb-3 shadow-lg shadow-destructive/20">
           <svg
             className="w-5 h-5 text-destructive-foreground"
@@ -92,10 +94,10 @@ export default function RequestQuoteForm({ productName }: RequestQuoteFormProps)
             <line x1="9" y1="9" x2="15" y2="15" />
           </svg>
         </div>
-        <h3 className="text-base font-extrabold mb-1 tracking-tight !mt-0 text-destructive">
+        <h3 className="text-base font-extrabold mb-1 tracking-tight !mt-0 text-destructive text-center">
           {t('errorTitle') || 'Submission Failed'}
         </h3>
-        <p className="text-destructive/80 text-xs leading-tight mb-4 !mt-0">
+        <p className="text-destructive/80 text-xs leading-tight mb-4 !mt-0 text-center">
           {t('errorDesc') || 'Something went wrong. Please try again.'}
         </p>
         <Button