fix: collections page header (#269)

ArdentHQ · Oct 24, 2023 · bbc8e7c · bbc8e7c
1 parent 393c45e
commit bbc8e7c
Showing 1 changed file with 8 additions and 6 deletions.
diff --git 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>
     );
 };