fix: some small inconsistencies

src/components/main/ItemsToolbar.tsx

@@ -26,7 +26,7 @@ const ItemsToolbar = ({
   return (
     <>
       <Stack direction="row" justifyContent="space-between" spacing={1}>
-        <Typography variant="h4" sx={{ wordWrap: 'break-word' }}>
+        <Typography variant="h2" component="h1" sx={{ wordWrap: 'break-word' }}>
           {title}
         </Typography>
         <Stack

src/components/pages/PublishedItemsScreen.tsx

@@ -35,7 +35,7 @@ const PublishedItemsLoadableContent = (): JSX.Element | null => {
         <Helmet>
           <title>{translateBuilder(BUILDER.PUBLISHED_ITEMS_TITLE)}</title>
         </Helmet>
-        <Box mx={2}>
+        <Box m={2}>
           <ItemHeader showNavigation={false} />
           <Items
             id={PUBLISHED_ITEMS_ID}

src/components/pages/RecycledItemsScreen.tsx

@@ -64,7 +64,7 @@ const RecycleBinLoadableContent = (): JSX.Element | null => {
         <Helmet>
           <title>{translateBuilder(BUILDER.RECYCLE_BIN_TITLE)}</title>
         </Helmet>
-        <Box id={RECYCLED_ITEMS_ROOT_CONTAINER} mx={2}>
+        <Box id={RECYCLED_ITEMS_ROOT_CONTAINER} m={2}>
           <ItemHeader showNavigation={false} />
           <Items
             id={RECYCLED_ITEMS_ID}