From bbc8e7cc406d9a1972590ac796b27b618bf5a182 Mon Sep 17 00:00:00 2001
From: shahin-hq <132887516+shahin-hq@users.noreply.github.com>
Date: Tue, 24 Oct 2023 12:27:43 +0400
Subject: [PATCH] fix: collections page header (#269)

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

diff --git a/resources/js/Pages/Collections/Components/CollectionsHeading/CollectionsHeading.tsx b/resources/js/Pages/Collections/Components/CollectionsHeading/CollectionsHeading.tsx
index c29c3a0fb..62e7a0961 100644
--- a/resources/js/Pages/Collections/Components/CollectionsHeading/CollectionsHeading.tsx
+++ b/resources/js/Pages/Collections/Components/CollectionsHeading/CollectionsHeading.tsx
@@ -13,12 +13,14 @@ export const CollectionsHeading = ({
     const { t } = useTranslation();
 
     return (
-        <Heading
-            level={1}
-            className="text-left"
-        >
+        <div className="text-left">
             <div className="flex w-full flex-row items-center justify-between gap-3 md:justify-start">
-                <h1 className="dark:text-theme-dark-50">{t("common.my_collection")}</h1>
+                <Heading
+                    level={1}
+                    className="dark:text-theme-dark-50"
+                >
+                    {t("common.my_collection")}
+                </Heading>
             </div>
             <span className="mt-1 block text-sm font-medium leading-5 text-theme-secondary-700 dark:text-theme-dark-200 sm:text-base">
                 <Trans
@@ -42,6 +44,6 @@ export const CollectionsHeading = ({
                     ]}
                 />
             </span>
-        </Heading>
+        </div>
     );
 };