diff --git a/resources/js/Components/Galleries/GalleryPage/GalleryActionToolbar/GalleryActionToolbar.tsx b/resources/js/Components/Galleries/GalleryPage/GalleryActionToolbar/GalleryActionToolbar.tsx
index 674ee0566..3683023ad 100644
--- a/resources/js/Components/Galleries/GalleryPage/GalleryActionToolbar/GalleryActionToolbar.tsx
+++ b/resources/js/Components/Galleries/GalleryPage/GalleryActionToolbar/GalleryActionToolbar.tsx
@@ -70,6 +70,13 @@ export const GalleryActionToolbar = ({
                                         data-testid="GalleryActionToolbar__template-button-mobile"
                                     />
 
+                                    {draftId !== undefined && (
+                                        <GalleryDraftDeleteButton
+                                            className="lg:hidden"
+                                            draftId={draftId}
+                                        />
+                                    )}
+
                                     <Button
                                         icon="GridWithPencil"
                                         iconPosition="right"
@@ -114,8 +121,8 @@ export const GalleryActionToolbar = ({
                                     </div>
                                 </div>
 
-                                <div className="flex space-x-3 sm:hidden">
-                                    <div className="hidden xs:flex">
+                                <div className="flex sm:hidden">
+                                    <div className="mr-3 hidden xs:flex">
                                         <GalleryDraftStatus
                                             isSavingDraft={isSavingDraft}
                                             draftId={draftId}
@@ -202,7 +209,12 @@ export const GalleryActionToolbar = ({
                                         draftId={draftId}
                                     />
 
-                                    {draftId !== undefined && <GalleryDraftDeleteButton draftId={draftId} />}
+                                    {draftId !== undefined && (
+                                        <GalleryDraftDeleteButton
+                                            className="hidden lg:flex"
+                                            draftId={draftId}
+                                        />
+                                    )}
 
                                     {showDelete && (
                                         <IconButton
diff --git a/resources/js/Components/Galleries/GalleryPage/GalleryActionToolbar/GalleryDraftDeleteButton.tsx b/resources/js/Components/Galleries/GalleryPage/GalleryActionToolbar/GalleryDraftDeleteButton.tsx
index ba00d235e..03944ecad 100644
--- a/resources/js/Components/Galleries/GalleryPage/GalleryActionToolbar/GalleryDraftDeleteButton.tsx
+++ b/resources/js/Components/Galleries/GalleryPage/GalleryActionToolbar/GalleryDraftDeleteButton.tsx
@@ -8,7 +8,13 @@ import { useToasts } from "@/Hooks/useToasts";
 import { useWalletDraftGalleries } from "@/Pages/Galleries/hooks/useWalletDraftGalleries";
 import { assertWallet } from "@/Utils/assertions";
 
-export const GalleryDraftDeleteButton = ({ draftId }: { draftId: number }): JSX.Element => {
+export const GalleryDraftDeleteButton = ({
+    className,
+    draftId,
+}: {
+    className?: string;
+    draftId: number;
+}): JSX.Element => {
     const { t } = useTranslation();
     const [open, setOpen] = useState(false);
     const { showToast } = useToasts();
@@ -41,7 +47,7 @@ export const GalleryDraftDeleteButton = ({ draftId }: { draftId: number }): JSX.
             <IconButton
                 data-testid="GalleryActionToolbar__draftDelete"
                 icon="Trash"
-                className="flex sm:hidden lg:flex"
+                className={className}
                 onClick={() => {
                     setOpen(true);
                 }}