diff --git a/__tests__/components/waves/memes/submission/MemesArtSubmissionContainer.test.tsx b/__tests__/components/waves/memes/submission/MemesArtSubmissionContainer.test.tsx
index f057d50628..4a01c7895e 100644
--- a/__tests__/components/waves/memes/submission/MemesArtSubmissionContainer.test.tsx
+++ b/__tests__/components/waves/memes/submission/MemesArtSubmissionContainer.test.tsx
@@ -1,29 +1,48 @@
-import { render, act } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import React from 'react';
-import MemesArtSubmissionContainer from '@/components/waves/memes/submission/MemesArtSubmissionContainer';
-import { SubmissionStep } from '@/components/waves/memes/submission/types/Steps';
-import { useArtworkSubmissionForm } from '@/components/waves/memes/submission/hooks/useArtworkSubmissionForm';
-import { useArtworkSubmissionMutation } from '@/components/waves/memes/submission/hooks/useArtworkSubmissionMutation';
-import { useSeizeConnectContext } from '@/components/auth/SeizeConnectContext';
-import type { InteractiveMediaMimeType } from '@/components/waves/memes/submission/constants/media';
+import { render, act } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import React from "react";
+import MemesArtSubmissionContainer from "@/components/waves/memes/submission/MemesArtSubmissionContainer";
+import { SubmissionStep } from "@/components/waves/memes/submission/types/Steps";
+import { useArtworkSubmissionForm } from "@/components/waves/memes/submission/hooks/useArtworkSubmissionForm";
+import { useArtworkSubmissionMutation } from "@/components/waves/memes/submission/hooks/useArtworkSubmissionMutation";
+import { useSeizeConnectContext } from "@/components/auth/SeizeConnectContext";
+import type { InteractiveMediaMimeType } from "@/components/waves/memes/submission/constants/media";
 
-jest.mock('@/components/waves/memes/submission/hooks/useArtworkSubmissionForm');
-jest.mock('@/components/waves/memes/submission/hooks/useArtworkSubmissionMutation');
-jest.mock('@/components/auth/SeizeConnectContext');
-jest.mock('@/components/waves/memes/submission/layout/ModalLayout', () => ({ children }: any) => <div>{children}</div>);
-jest.mock('@/components/waves/memes/submission/steps/AgreementStep', () => (props: any) => <div data-testid="agreement" {...props} />);
+jest.mock("@/components/waves/memes/submission/hooks/useArtworkSubmissionForm");
+jest.mock(
+  "@/components/waves/memes/submission/hooks/useArtworkSubmissionMutation"
+);
+jest.mock("@/components/auth/SeizeConnectContext");
+jest.mock(
+  "@/components/waves/memes/submission/layout/ModalLayout",
+  () =>
+    ({ children }: any) => <div>{children}</div>
+);
+jest.mock(
+  "@/components/waves/memes/submission/steps/AgreementStep",
+  () => (props: any) => <div data-testid="agreement" {...props} />
+);
 let artworkProps: any;
-jest.mock('@/components/waves/memes/submission/steps/ArtworkStep', () => (props: any) => {
-  artworkProps = props; return <div data-testid="artwork" />;
-});
+jest.mock(
+  "@/components/waves/memes/submission/steps/ArtworkStep",
+  () => (props: any) => {
+    artworkProps = props;
+    return <div data-testid="artwork" />;
+  }
+);
 
-const mockForm = useArtworkSubmissionForm as jest.MockedFunction<typeof useArtworkSubmissionForm>;
-const mockMutation = useArtworkSubmissionMutation as jest.MockedFunction<typeof useArtworkSubmissionMutation>;
-const mockSeizeConnect = useSeizeConnectContext as jest.MockedFunction<typeof useSeizeConnectContext>;
+const mockForm = useArtworkSubmissionForm as jest.MockedFunction<
+  typeof useArtworkSubmissionForm
+>;
+const mockMutation = useArtworkSubmissionMutation as jest.MockedFunction<
+  typeof useArtworkSubmissionMutation
+>;
+const mockSeizeConnect = useSeizeConnectContext as jest.MockedFunction<
+  typeof useSeizeConnectContext
+>;
 
-describe('MemesArtSubmissionContainer', () => {
-  const wave = { id: 'w1', participation: { terms: 't' } } as any;
+describe("MemesArtSubmissionContainer", () => {
+  const wave = { id: "w1", participation: { terms: "t" } } as any;
   const onClose = jest.fn();
 
   beforeEach(() => {
@@ -34,20 +53,20 @@ describe('MemesArtSubmissionContainer', () => {
       setAgreements: jest.fn(),
       handleContinueFromTerms: jest.fn(),
       handleContinueFromArtwork: jest.fn(async () => true),
-      traits: { title: 't', description: 'd' },
+      traits: { title: "t", description: "d" },
       setTraits: jest.fn(),
       updateTraitField: jest.fn(),
       artworkUploaded: false,
-      artworkUrl: '',
+      artworkUrl: "",
       selectedFile: null,
-      mediaSource: 'upload',
-      externalMediaUrl: '',
-      externalMediaPreviewUrl: '',
-      externalMediaHashInput: '',
-      externalMediaProvider: 'ipfs',
-      externalMediaMimeType: 'text/html',
+      mediaSource: "upload",
+      externalMediaUrl: "",
+      externalMediaPreviewUrl: "",
+      externalMediaHashInput: "",
+      externalMediaProvider: "ipfs",
+      externalMediaMimeType: "text/html",
       externalMediaError: null,
-      externalMediaValidationStatus: 'idle',
+      externalMediaValidationStatus: "idle",
       isExternalMediaValid: false,
       operationalData: {
         airdrop_config: [{ id: "test-initial", address: "", count: 20 }],
@@ -61,6 +80,7 @@ describe('MemesArtSubmissionContainer', () => {
           artist_profile_media: [],
           artwork_commentary_media: [],
           preview_image: "",
+          promo_video: "",
         },
         commentary: "",
         about_artist: "",
@@ -84,37 +104,39 @@ describe('MemesArtSubmissionContainer', () => {
     formState.handleFileSelect = jest.fn((file: File) => {
       formState.selectedFile = file;
       formState.artworkUploaded = true;
-      formState.artworkUrl = 'object-url';
+      formState.artworkUrl = "object-url";
     });
 
-    formState.setMediaSource = jest.fn((mode: 'upload' | 'url') => {
+    formState.setMediaSource = jest.fn((mode: "upload" | "url") => {
       formState.mediaSource = mode;
     });
 
     formState.setExternalMediaHash = jest.fn((hash: string) => {
       formState.externalMediaHashInput = hash;
       if (hash) {
-        formState.externalMediaUrl = `${formState.externalMediaProvider === 'arweave' ? 'https://arweave.net/' : 'ipfs://'}${hash}`;
+        formState.externalMediaUrl = `${formState.externalMediaProvider === "arweave" ? "https://arweave.net/" : "ipfs://"}${hash}`;
         formState.externalMediaPreviewUrl =
-          formState.externalMediaProvider === 'arweave'
+          formState.externalMediaProvider === "arweave"
             ? `https://arweave.net/${hash}`
             : `https://ipfs.io/ipfs/${hash}`;
         formState.isExternalMediaValid = true;
-        formState.externalMediaValidationStatus = 'valid';
+        formState.externalMediaValidationStatus = "valid";
         formState.externalMediaError = null;
       } else {
-        formState.externalMediaUrl = '';
-        formState.externalMediaPreviewUrl = '';
+        formState.externalMediaUrl = "";
+        formState.externalMediaPreviewUrl = "";
         formState.isExternalMediaValid = false;
-        formState.externalMediaValidationStatus = 'idle';
+        formState.externalMediaValidationStatus = "idle";
         formState.externalMediaError = null;
       }
     });
 
-    formState.setExternalMediaProvider = jest.fn((provider: 'ipfs' | 'arweave') => {
-      formState.externalMediaProvider = provider;
-      formState.setExternalMediaHash(formState.externalMediaHashInput);
-    });
+    formState.setExternalMediaProvider = jest.fn(
+      (provider: "ipfs" | "arweave") => {
+        formState.externalMediaProvider = provider;
+        formState.setExternalMediaHash(formState.externalMediaHashInput);
+      }
+    );
 
     formState.setExternalMediaMimeType = jest.fn(
       (mimeType: InteractiveMediaMimeType) => {
@@ -123,15 +145,15 @@ describe('MemesArtSubmissionContainer', () => {
     );
 
     formState.clearExternalMedia = jest.fn(() => {
-      formState.externalMediaHashInput = '';
-      formState.externalMediaUrl = '';
-      formState.externalMediaPreviewUrl = '';
+      formState.externalMediaHashInput = "";
+      formState.externalMediaUrl = "";
+      formState.externalMediaPreviewUrl = "";
       formState.isExternalMediaValid = false;
-       formState.externalMediaValidationStatus = 'idle';
+      formState.externalMediaValidationStatus = "idle";
       formState.externalMediaError = null;
     });
 
-    formState.getSubmissionData = () => ({ traits: { title: 't' } });
+    formState.getSubmissionData = () => ({ traits: { title: "t" } });
     formState.getMediaSelection = jest.fn(() => ({
       mediaSource: formState.mediaSource,
       selectedFile: formState.selectedFile,
@@ -145,17 +167,17 @@ describe('MemesArtSubmissionContainer', () => {
 
     mockForm.mockReturnValue(formState);
     mockMutation.mockReturnValue({
-      submitArtwork: jest.fn(async () => 'ok'),
+      submitArtwork: jest.fn(async () => "ok"),
       uploadProgress: 0,
-      submissionPhase: 'idle',
+      submissionPhase: "idle",
       submissionError: undefined,
       isSubmitting: false,
     } as any);
     mockSeizeConnect.mockReturnValue({
-      address: '0x123',
+      address: "0x123",
       isSafeWallet: false,
-      walletName: 'MetaMask',
-      walletIcon: 'metamask-icon.svg',
+      walletName: "MetaMask",
+      walletIcon: "metamask-icon.svg",
       seizeConnect: jest.fn(),
       seizeDisconnect: jest.fn(),
       seizeDisconnectAndLogout: jest.fn(),
@@ -166,12 +188,12 @@ describe('MemesArtSubmissionContainer', () => {
     } as any);
   });
 
-  it('auto closes on success', () => {
+  it("auto closes on success", () => {
     jest.useFakeTimers();
     mockMutation.mockReturnValueOnce({
       submitArtwork: jest.fn(),
       uploadProgress: 0,
-      submissionPhase: 'success',
+      submissionPhase: "success",
       submissionError: undefined,
       isSubmitting: false,
     } as any);
@@ -180,18 +202,18 @@ describe('MemesArtSubmissionContainer', () => {
     expect(onClose).toHaveBeenCalled();
   });
 
-  it('submits artwork when file selected', async () => {
+  it("submits artwork when file selected", async () => {
     const user = userEvent.setup();
-    const submitArtwork = jest.fn(async () => 'result');
+    const submitArtwork = jest.fn(async () => "result");
     mockMutation.mockReturnValueOnce({
       submitArtwork,
       uploadProgress: 0,
-      submissionPhase: 'idle',
+      submissionPhase: "idle",
       submissionError: undefined,
       isSubmitting: false,
     } as any);
     render(<MemesArtSubmissionContainer onClose={onClose} wave={wave} />);
-    const file = new File(['a'], 'a.png', { type: 'image/png' });
+    const file = new File(["a"], "a.png", { type: "image/png" });
     await act(async () => {
       artworkProps.handleFileSelect(file);
     });
diff --git a/__tests__/components/waves/memes/submission/components/AdditionalMediaUpload.test.tsx b/__tests__/components/waves/memes/submission/components/AdditionalMediaUpload.test.tsx
index a15ba7fd17..8f8fb29b39 100644
--- a/__tests__/components/waves/memes/submission/components/AdditionalMediaUpload.test.tsx
+++ b/__tests__/components/waves/memes/submission/components/AdditionalMediaUpload.test.tsx
@@ -1,6 +1,7 @@
 import { render, screen } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 import AdditionalMediaUpload from "@/components/waves/memes/submission/components/AdditionalMediaUpload";
+import type { MetadataValueLengthStatus } from "@/components/waves/memes/submission/utils/submissionMetadata";
 
 describe("AdditionalMediaUpload", () => {
   const defaultProps = {
@@ -28,7 +29,13 @@ describe("AdditionalMediaUpload", () => {
   });
 
   it("shows preview section when video submission", () => {
-    render(<AdditionalMediaUpload {...defaultProps} requiresPreviewImage previewRequiredMediaType="Video" />);
+    render(
+      <AdditionalMediaUpload
+        {...defaultProps}
+        requiresPreviewImage
+        previewRequiredMediaType="Video"
+      />
+    );
     expect(screen.getByText(/Preview \*/i)).toBeInTheDocument();
     expect(
       screen.getByText(/Video submissions require a preview image/i)
@@ -36,20 +43,38 @@ describe("AdditionalMediaUpload", () => {
   });
 
   it("does not show preview section for regular submissions", () => {
-    render(<AdditionalMediaUpload {...defaultProps} requiresPreviewImage={false} />);
+    render(
+      <AdditionalMediaUpload {...defaultProps} requiresPreviewImage={false} />
+    );
     expect(screen.queryByText(/Preview \*/i)).not.toBeInTheDocument();
   });
 
   it("shows promo video section for HTML submissions", () => {
-    render(<AdditionalMediaUpload {...defaultProps} requiresPreviewImage requiresPromoVideoOption previewRequiredMediaType="HTML" />);
+    render(
+      <AdditionalMediaUpload
+        {...defaultProps}
+        requiresPreviewImage
+        requiresPromoVideoOption
+        previewRequiredMediaType="HTML"
+      />
+    );
     expect(screen.getByText("Promo Video")).toBeInTheDocument();
     expect(
-      screen.getByText(/For HTML submissions, we recommend providing a promo video/i)
+      screen.getByText(
+        /For HTML submissions, we recommend providing a promo video/i
+      )
     ).toBeInTheDocument();
   });
 
   it("does not show promo video section for video submissions", () => {
-    render(<AdditionalMediaUpload {...defaultProps} requiresPreviewImage requiresPromoVideoOption={false} previewRequiredMediaType="Video" />);
+    render(
+      <AdditionalMediaUpload
+        {...defaultProps}
+        requiresPreviewImage
+        requiresPromoVideoOption={false}
+        previewRequiredMediaType="Video"
+      />
+    );
     expect(screen.queryByText("Promo Video")).not.toBeInTheDocument();
   });
 
@@ -70,4 +95,25 @@ describe("AdditionalMediaUpload", () => {
 
     expect(onArtworkCommentaryChange).toHaveBeenCalled();
   });
+
+  it("shows metadata warning hint for about artist", () => {
+    const warningStatus: MetadataValueLengthStatus = {
+      dataKey: "about_artist",
+      length: 4700,
+      maxLength: 5000,
+      warningThreshold: 4500,
+      remaining: 300,
+      isWarning: true,
+      isError: false,
+    };
+
+    render(
+      <AdditionalMediaUpload
+        {...defaultProps}
+        aboutArtistLengthStatus={warningStatus}
+      />
+    );
+
+    expect(screen.getByText("4700/5000 characters.")).toBeInTheDocument();
+  });
 });
diff --git a/__tests__/components/waves/memes/submission/components/AllowlistBatchManager.test.tsx b/__tests__/components/waves/memes/submission/components/AllowlistBatchManager.test.tsx
index 4998e35da0..4af5c2e4c1 100644
--- a/__tests__/components/waves/memes/submission/components/AllowlistBatchManager.test.tsx
+++ b/__tests__/components/waves/memes/submission/components/AllowlistBatchManager.test.tsx
@@ -1,18 +1,21 @@
 import { render, screen } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 import AllowlistBatchManager from "@/components/waves/memes/submission/components/AllowlistBatchManager";
+import type { MetadataValueLengthStatus } from "@/components/waves/memes/submission/utils/submissionMetadata";
 
 describe("AllowlistBatchManager", () => {
   it("renders with no batches and allows adding one", async () => {
     const user = userEvent.setup();
     const onBatchesChange = jest.fn();
-    render(<AllowlistBatchManager batches={[]} onBatchesChange={onBatchesChange} />);
+    render(
+      <AllowlistBatchManager batches={[]} onBatchesChange={onBatchesChange} />
+    );
 
     expect(screen.getByText(/No allowlist batches added/i)).toBeInTheDocument();
-    
+
     const addButton = screen.getByText(/Add Batch/i);
     await user.click(addButton);
-    
+
     expect(onBatchesChange).toHaveBeenCalledWith([
       expect.objectContaining({ contract: "", token_ids_raw: "" }),
     ]);
@@ -23,7 +26,9 @@ describe("AllowlistBatchManager", () => {
       { id: "batch-1", contract: "0x1", token_ids_raw: "1-10" },
       { id: "batch-2", contract: "0x2", token_ids_raw: "20,21" },
     ];
-    render(<AllowlistBatchManager batches={batches} onBatchesChange={jest.fn()} />);
+    render(
+      <AllowlistBatchManager batches={batches} onBatchesChange={jest.fn()} />
+    );
 
     expect(screen.getByDisplayValue("0x1")).toBeInTheDocument();
     expect(screen.getByDisplayValue("1-10")).toBeInTheDocument();
@@ -35,13 +40,20 @@ describe("AllowlistBatchManager", () => {
     const user = userEvent.setup();
     const onBatchesChange = jest.fn();
     const batches = [{ id: "batch-1", contract: "0x1", token_ids_raw: "1" }];
-    render(<AllowlistBatchManager batches={batches} onBatchesChange={onBatchesChange} />);
+    render(
+      <AllowlistBatchManager
+        batches={batches}
+        onBatchesChange={onBatchesChange}
+      />
+    );
 
     const contractInput = screen.getByDisplayValue("0x1");
     await user.type(contractInput, "2");
     await user.tab();
 
-    expect(onBatchesChange).toHaveBeenCalledWith([{ id: "batch-1", contract: "0x12", token_ids_raw: "1" }]);
+    expect(onBatchesChange).toHaveBeenCalledWith([
+      { id: "batch-1", contract: "0x12", token_ids_raw: "1" },
+    ]);
   });
 
   it("allows removing a batch", async () => {
@@ -51,11 +63,40 @@ describe("AllowlistBatchManager", () => {
       { id: "batch-1", contract: "0x1", token_ids_raw: "1" },
       { id: "batch-2", contract: "0x2", token_ids_raw: "2" },
     ];
-    render(<AllowlistBatchManager batches={batches} onBatchesChange={onBatchesChange} />);
+    render(
+      <AllowlistBatchManager
+        batches={batches}
+        onBatchesChange={onBatchesChange}
+      />
+    );
 
     const removeButtons = screen.getAllByRole("button", { name: /Remove/i });
     await user.click(removeButtons[0]);
 
-    expect(onBatchesChange).toHaveBeenCalledWith([{ id: "batch-2", contract: "0x2", token_ids_raw: "2" }]);
+    expect(onBatchesChange).toHaveBeenCalledWith([
+      { id: "batch-2", contract: "0x2", token_ids_raw: "2" },
+    ]);
+  });
+
+  it("shows allowlist metadata warning when near limit", () => {
+    const status: MetadataValueLengthStatus = {
+      dataKey: "allowlist_batches",
+      length: 4800,
+      maxLength: 5000,
+      warningThreshold: 4500,
+      remaining: 200,
+      isWarning: true,
+      isError: false,
+    };
+
+    render(
+      <AllowlistBatchManager
+        batches={[]}
+        onBatchesChange={jest.fn()}
+        allowlistLengthStatus={status}
+      />
+    );
+
+    expect(screen.getByText("4800/5000 characters.")).toBeInTheDocument();
   });
 });
diff --git a/__tests__/components/waves/memes/submission/components/PaymentConfig.test.tsx b/__tests__/components/waves/memes/submission/components/PaymentConfig.test.tsx
index f9d62065f6..fd8201be24 100644
--- a/__tests__/components/waves/memes/submission/components/PaymentConfig.test.tsx
+++ b/__tests__/components/waves/memes/submission/components/PaymentConfig.test.tsx
@@ -1,5 +1,6 @@
 import { render, screen, fireEvent } from "@testing-library/react";
 import PaymentConfig from "@/components/waves/memes/submission/components/PaymentConfig";
+import type { MetadataValueLengthStatus } from "@/components/waves/memes/submission/utils/submissionMetadata";
 
 jest.mock(
   "@/components/utils/input/ens-address/EnsAddressInput",
@@ -115,7 +116,9 @@ describe("PaymentConfig", () => {
       />
     );
 
-    const nameInput = screen.getByPlaceholderText(/enter designated payee name/i);
+    const nameInput = screen.getByPlaceholderText(
+      /enter designated payee name/i
+    );
     fireEvent.change(nameInput, { target: { value: "Red Cross" } });
 
     expect(onPaymentInfoChange).toHaveBeenCalledWith({
@@ -162,9 +165,9 @@ describe("PaymentConfig", () => {
     expect(screen.getByPlaceholderText(/0x.*or ENS/i)).toHaveValue(address);
     const checkbox = screen.getByRole("checkbox") as HTMLInputElement;
     expect(checkbox.checked).toBe(true);
-    expect(screen.getByPlaceholderText(/enter designated payee name/i)).toHaveValue(
-      "Red Cross"
-    );
+    expect(
+      screen.getByPlaceholderText(/enter designated payee name/i)
+    ).toHaveValue("Red Cross");
   });
 
   it("clears designated payee name when checkbox is unchecked", () => {
@@ -189,4 +192,22 @@ describe("PaymentConfig", () => {
       designated_payee_name: "",
     });
   });
+
+  it("shows metadata warning for payment info near limit", () => {
+    const status: MetadataValueLengthStatus = {
+      dataKey: "payment_info",
+      length: 4600,
+      maxLength: 5000,
+      warningThreshold: 4500,
+      remaining: 400,
+      isWarning: true,
+      isError: false,
+    };
+
+    render(
+      <PaymentConfig {...defaultProps} paymentInfoLengthStatus={status} />
+    );
+
+    expect(screen.getByText("4600/5000 characters.")).toBeInTheDocument();
+  });
 });
diff --git a/__tests__/components/waves/memes/submission/hooks/useArtworkSubmissionMutation.test.tsx b/__tests__/components/waves/memes/submission/hooks/useArtworkSubmissionMutation.test.tsx
index e0380ba3e1..542244df47 100644
--- a/__tests__/components/waves/memes/submission/hooks/useArtworkSubmissionMutation.test.tsx
+++ b/__tests__/components/waves/memes/submission/hooks/useArtworkSubmissionMutation.test.tsx
@@ -1,5 +1,8 @@
 import { transformToApiRequest } from "@/components/waves/memes/submission/hooks/useArtworkSubmissionMutation";
-import { MemesSubmissionAdditionalInfoKey, OperationalData } from "@/components/waves/memes/submission/types/OperationalData";
+import {
+  MemesSubmissionAdditionalInfoKey,
+  OperationalData,
+} from "@/components/waves/memes/submission/types/OperationalData";
 import { TraitsData } from "@/components/waves/memes/submission/types/TraitsData";
 
 describe("useArtworkSubmissionMutation - transformToApiRequest", () => {
@@ -11,8 +14,16 @@ describe("useArtworkSubmissionMutation - transformToApiRequest", () => {
 
   const mockOperationalData: OperationalData = {
     airdrop_config: [
-      { id: "test-1", address: "0x1234567890123456789012345678901234567890", count: 15 },
-      { id: "test-2", address: "0x0987654321098765432109876543210987654321", count: 5 },
+      {
+        id: "test-1",
+        address: "0x1234567890123456789012345678901234567890",
+        count: 15,
+      },
+      {
+        id: "test-2",
+        address: "0x0987654321098765432109876543210987654321",
+        count: 5,
+      },
     ],
     payment_info: {
       payment_address: "0x789",
@@ -26,6 +37,7 @@ describe("useArtworkSubmissionMutation - transformToApiRequest", () => {
       artist_profile_media: ["https://example.com/profile.jpg"],
       artwork_commentary_media: ["https://example.com/commentary.jpg"],
       preview_image: "",
+      promo_video: "",
     },
     commentary: "Test Commentary",
     about_artist: "Test About Artist",
@@ -50,14 +62,28 @@ describe("useArtworkSubmissionMutation - transformToApiRequest", () => {
     expect(metadataMap.get("title")).toBe("Test Artwork");
 
     // Check operational data
-    expect(metadataMap.get(MemesSubmissionAdditionalInfoKey.AIRDROP_CONFIG)).toBe(JSON.stringify(mockOperationalData.airdrop_config));
-    expect(metadataMap.get(MemesSubmissionAdditionalInfoKey.PAYMENT_INFO)).toBe(JSON.stringify(mockOperationalData.payment_info));
-    expect(metadataMap.get(MemesSubmissionAdditionalInfoKey.ALLOWLIST_BATCHES)).toBe(JSON.stringify([
-      { contract: "0xabc", token_ids: "1-5" } // Stored as raw string
-    ]));
-    expect(metadataMap.get(MemesSubmissionAdditionalInfoKey.ADDITIONAL_MEDIA)).toBe(JSON.stringify(mockOperationalData.additional_media));
-    expect(metadataMap.get(MemesSubmissionAdditionalInfoKey.COMMENTARY)).toBe("Test Commentary");
-    expect(metadataMap.get(MemesSubmissionAdditionalInfoKey.ABOUT_ARTIST)).toBe("Test About Artist");
+    expect(
+      metadataMap.get(MemesSubmissionAdditionalInfoKey.AIRDROP_CONFIG)
+    ).toBe(JSON.stringify(mockOperationalData.airdrop_config));
+    expect(metadataMap.get(MemesSubmissionAdditionalInfoKey.PAYMENT_INFO)).toBe(
+      JSON.stringify(mockOperationalData.payment_info)
+    );
+    expect(
+      metadataMap.get(MemesSubmissionAdditionalInfoKey.ALLOWLIST_BATCHES)
+    ).toBe(
+      JSON.stringify([
+        { contract: "0xabc", token_ids: "1-5" }, // Stored as raw string
+      ])
+    );
+    expect(
+      metadataMap.get(MemesSubmissionAdditionalInfoKey.ADDITIONAL_MEDIA)
+    ).toBe(JSON.stringify(mockOperationalData.additional_media));
+    expect(metadataMap.get(MemesSubmissionAdditionalInfoKey.COMMENTARY)).toBe(
+      "Test Commentary"
+    );
+    expect(metadataMap.get(MemesSubmissionAdditionalInfoKey.ABOUT_ARTIST)).toBe(
+      "Test About Artist"
+    );
   });
 
   it("should not include operational fields if not provided", () => {
@@ -74,11 +100,23 @@ describe("useArtworkSubmissionMutation - transformToApiRequest", () => {
       result.metadata.map((m) => [m.data_key, m.data_value])
     );
 
-    expect(metadataMap.has(MemesSubmissionAdditionalInfoKey.AIRDROP_CONFIG)).toBe(false);
-    expect(metadataMap.has(MemesSubmissionAdditionalInfoKey.PAYMENT_INFO)).toBe(false);
-    expect(metadataMap.has(MemesSubmissionAdditionalInfoKey.ALLOWLIST_BATCHES)).toBe(false);
-    expect(metadataMap.has(MemesSubmissionAdditionalInfoKey.ADDITIONAL_MEDIA)).toBe(false);
-    expect(metadataMap.has(MemesSubmissionAdditionalInfoKey.COMMENTARY)).toBe(false);
-    expect(metadataMap.has(MemesSubmissionAdditionalInfoKey.ABOUT_ARTIST)).toBe(false);
+    expect(
+      metadataMap.has(MemesSubmissionAdditionalInfoKey.AIRDROP_CONFIG)
+    ).toBe(false);
+    expect(metadataMap.has(MemesSubmissionAdditionalInfoKey.PAYMENT_INFO)).toBe(
+      false
+    );
+    expect(
+      metadataMap.has(MemesSubmissionAdditionalInfoKey.ALLOWLIST_BATCHES)
+    ).toBe(false);
+    expect(
+      metadataMap.has(MemesSubmissionAdditionalInfoKey.ADDITIONAL_MEDIA)
+    ).toBe(false);
+    expect(metadataMap.has(MemesSubmissionAdditionalInfoKey.COMMENTARY)).toBe(
+      false
+    );
+    expect(metadataMap.has(MemesSubmissionAdditionalInfoKey.ABOUT_ARTIST)).toBe(
+      false
+    );
   });
-});
\ No newline at end of file
+});
diff --git a/__tests__/components/waves/memes/submission/steps/AdditionalInfoStep.test.tsx b/__tests__/components/waves/memes/submission/steps/AdditionalInfoStep.test.tsx
new file mode 100644
index 0000000000..6d12c451ef
--- /dev/null
+++ b/__tests__/components/waves/memes/submission/steps/AdditionalInfoStep.test.tsx
@@ -0,0 +1,58 @@
+import { render, screen } from "@testing-library/react";
+import AdditionalInfoStep from "@/components/waves/memes/submission/steps/AdditionalInfoStep";
+import type { TraitsData } from "@/components/waves/memes/submission/types/TraitsData";
+
+describe("AdditionalInfoStep", () => {
+  const baseTraits = {
+    title: "Title",
+    description: "Description",
+  } as TraitsData;
+
+  const baseProps = {
+    traits: baseTraits,
+    airdropEntries: [
+      {
+        id: "a1",
+        address: "0x1234567890123456789012345678901234567890",
+        count: 20,
+      },
+    ],
+    onAirdropEntriesChange: jest.fn(),
+    paymentInfo: {
+      payment_address: "0x1234567890123456789012345678901234567890",
+      has_designated_payee: false,
+      designated_payee_name: "",
+    },
+    onPaymentInfoChange: jest.fn(),
+    allowlistBatches: [],
+    supportingMedia: [],
+    artworkCommentary: "commentary",
+    aboutArtist: "about",
+    previewImage: "",
+    promoVideo: "",
+    requiresPreviewImage: false,
+    requiresPromoVideoOption: false,
+    previewRequiredMediaType: null,
+    onBatchesChange: jest.fn(),
+    onSupportingMediaChange: jest.fn(),
+    onPreviewImageChange: jest.fn(),
+    onPromoVideoChange: jest.fn(),
+    onArtworkCommentaryChange: jest.fn(),
+    onAboutArtistChange: jest.fn(),
+    onBack: jest.fn(),
+    onPreview: jest.fn(),
+    onSubmit: jest.fn(),
+    isSubmitting: false,
+  };
+
+  it("disables preview and submit when metadata exceeds 5000 chars", () => {
+    render(
+      <AdditionalInfoStep {...baseProps} artworkCommentary={"x".repeat(5001)} />
+    );
+
+    expect(screen.getByRole("button", { name: "Preview" })).toBeDisabled();
+    expect(
+      screen.getByRole("button", { name: "Submit Artwork" })
+    ).toBeDisabled();
+  });
+});
diff --git a/components/waves/memes/submission/MemesArtSubmissionContainer.tsx b/components/waves/memes/submission/MemesArtSubmissionContainer.tsx
index f713bd4a30..cfecf82926 100644
--- a/components/waves/memes/submission/MemesArtSubmissionContainer.tsx
+++ b/components/waves/memes/submission/MemesArtSubmissionContainer.tsx
@@ -266,6 +266,7 @@ const MemesArtSubmissionContainer: FC<MemesArtSubmissionContainerProps> = ({
         />
       ) : (
         <AdditionalInfoStep
+          traits={form.traits}
           airdropEntries={form.operationalData.airdrop_config}
           onAirdropEntriesChange={form.setAirdropConfig}
           paymentInfo={form.operationalData.payment_info}
diff --git a/components/waves/memes/submission/components/AdditionalMediaUpload.tsx b/components/waves/memes/submission/components/AdditionalMediaUpload.tsx
index 62e6b2566e..8181ee4419 100644
--- a/components/waves/memes/submission/components/AdditionalMediaUpload.tsx
+++ b/components/waves/memes/submission/components/AdditionalMediaUpload.tsx
@@ -7,7 +7,9 @@ import { memo, useCallback, useEffect, useMemo, useRef } from "react";
 import { TraitWrapper } from "../../traits/TraitWrapper";
 import { MediaUploadItem, useMediaUpload } from "../hooks/useMediaUpload";
 import FormSection from "../ui/FormSection";
+import MetadataLengthHint from "../ui/MetadataLengthHint";
 import ValidationError from "../ui/ValidationError";
+import type { MetadataValueLengthStatus } from "../utils/submissionMetadata";
 
 interface AdditionalMediaUploadProps {
   readonly supportingMedia: string[];
@@ -23,6 +25,11 @@ interface AdditionalMediaUploadProps {
   readonly onPromoVideoChange: (url: string) => void;
   readonly onArtworkCommentaryChange: (commentary: string) => void;
   readonly onAboutArtistChange: (aboutArtist: string) => void;
+  readonly artworkCommentaryLengthStatus?:
+    | MetadataValueLengthStatus
+    | undefined;
+  readonly aboutArtistLengthStatus?: MetadataValueLengthStatus | undefined;
+  readonly additionalMediaLengthStatus?: MetadataValueLengthStatus | undefined;
   readonly errors?: {
     supportingMedia?: string;
     previewImage?: string;
@@ -46,6 +53,9 @@ const AdditionalMediaUpload: FC<AdditionalMediaUploadProps> = ({
   onPromoVideoChange,
   onArtworkCommentaryChange,
   onAboutArtistChange,
+  artworkCommentaryLengthStatus,
+  aboutArtistLengthStatus,
+  additionalMediaLengthStatus,
   errors,
 }) => {
   const mediaInputRef = useRef<HTMLInputElement>(null);
@@ -239,7 +249,9 @@ const AdditionalMediaUpload: FC<AdditionalMediaUploadProps> = ({
       </div>
 
       {description && (
-        <p className="tw-mb-0 tw-whitespace-pre-line tw-text-xs tw-text-amber-400">{description}</p>
+        <p className="tw-mb-0 tw-whitespace-pre-line tw-text-xs tw-text-amber-400">
+          {description}
+        </p>
       )}
 
       {upload.items.length > 0 && (
@@ -291,42 +303,49 @@ const AdditionalMediaUpload: FC<AdditionalMediaUploadProps> = ({
             errors?.supportingMedia,
             "image/*,video/*"
           )}
+          <MetadataLengthHint status={additionalMediaLengthStatus} />
         </div>
 
         <div className="tw-flex tw-flex-col tw-gap-y-6">
-          <TraitWrapper
-            label="About the Artist *"
-            id="about-artist"
-            error={errors?.aboutArtist}
-            isFieldFilled={!!aboutArtist.trim()}
-            className="tw-pb-0"
-          >
-            <textarea
-              placeholder="Tell us about yourself as an artist..."
-              value={aboutArtist}
-              onChange={(e) => onAboutArtistChange(e.target.value)}
-              className={`tw-form-textarea tw-min-h-[120px] tw-w-full tw-rounded-lg tw-border-0 tw-bg-iron-900 tw-py-3 tw-pl-4 tw-pr-11 tw-text-sm tw-text-iron-100 tw-outline-none tw-ring-1 focus:tw-ring-primary-400 ${
-                errors?.aboutArtist ? "tw-ring-red" : "tw-ring-iron-700"
-              }`}
-            />
-          </TraitWrapper>
+          <div className="tw-flex tw-flex-col tw-gap-y-1">
+            <TraitWrapper
+              label="About the Artist *"
+              id="about-artist"
+              error={errors?.aboutArtist}
+              isFieldFilled={!!aboutArtist.trim()}
+              className="tw-pb-0"
+            >
+              <textarea
+                placeholder="Tell us about yourself as an artist..."
+                value={aboutArtist}
+                onChange={(e) => onAboutArtistChange(e.target.value)}
+                className={`tw-form-textarea tw-min-h-[120px] tw-w-full tw-rounded-lg tw-border-0 tw-bg-iron-900 tw-py-3 tw-pl-4 tw-pr-11 tw-text-sm tw-text-iron-100 tw-outline-none tw-ring-1 focus:tw-ring-primary-400 ${
+                  errors?.aboutArtist ? "tw-ring-red" : "tw-ring-iron-700"
+                }`}
+              />
+            </TraitWrapper>
+            <MetadataLengthHint status={aboutArtistLengthStatus} />
+          </div>
 
-          <TraitWrapper
-            label="Artwork Commentary *"
-            id="artwork-commentary"
-            error={errors?.artworkCommentary}
-            isFieldFilled={!!artworkCommentary.trim()}
-            className="tw-pb-0"
-          >
-            <textarea
-              placeholder="Tell us more about the artwork..."
-              value={artworkCommentary}
-              onChange={(e) => onArtworkCommentaryChange(e.target.value)}
-              className={`tw-form-textarea tw-min-h-[120px] tw-w-full tw-rounded-lg tw-border-0 tw-bg-iron-900 tw-py-3 tw-pl-4 tw-pr-11 tw-text-sm tw-text-iron-100 tw-outline-none tw-ring-1 focus:tw-ring-primary-400 ${
-                errors?.artworkCommentary ? "tw-ring-red" : "tw-ring-iron-700"
-              }`}
-            />
-          </TraitWrapper>
+          <div className="tw-flex tw-flex-col tw-gap-y-1">
+            <TraitWrapper
+              label="Artwork Commentary *"
+              id="artwork-commentary"
+              error={errors?.artworkCommentary}
+              isFieldFilled={!!artworkCommentary.trim()}
+              className="tw-pb-0"
+            >
+              <textarea
+                placeholder="Tell us more about the artwork..."
+                value={artworkCommentary}
+                onChange={(e) => onArtworkCommentaryChange(e.target.value)}
+                className={`tw-form-textarea tw-min-h-[120px] tw-w-full tw-rounded-lg tw-border-0 tw-bg-iron-900 tw-py-3 tw-pl-4 tw-pr-11 tw-text-sm tw-text-iron-100 tw-outline-none tw-ring-1 focus:tw-ring-primary-400 ${
+                  errors?.artworkCommentary ? "tw-ring-red" : "tw-ring-iron-700"
+                }`}
+              />
+            </TraitWrapper>
+            <MetadataLengthHint status={artworkCommentaryLengthStatus} />
+          </div>
         </div>
       </div>
     </FormSection>
diff --git a/components/waves/memes/submission/components/AirdropConfig.tsx b/components/waves/memes/submission/components/AirdropConfig.tsx
index 0ceb58e4fa..f787d587c8 100644
--- a/components/waves/memes/submission/components/AirdropConfig.tsx
+++ b/components/waves/memes/submission/components/AirdropConfig.tsx
@@ -2,20 +2,24 @@
 
 import React, { useCallback, useMemo, useState } from "react";
 import FormSection from "../ui/FormSection";
+import MetadataLengthHint from "../ui/MetadataLengthHint";
 import { TraitWrapper } from "../../traits/TraitWrapper";
 import { PlusIcon, TrashIcon } from "@heroicons/react/24/outline";
 import { type AirdropEntry, AIRDROP_TOTAL } from "../types/OperationalData";
 import { validateStrictAddress } from "../utils/addressValidation";
+import type { MetadataValueLengthStatus } from "../utils/submissionMetadata";
 import EnsAddressInput from "@/components/utils/input/ens-address/EnsAddressInput";
 
 interface AirdropConfigProps {
   readonly entries: AirdropEntry[];
   readonly onEntriesChange: (entries: AirdropEntry[]) => void;
+  readonly airdropLengthStatus?: MetadataValueLengthStatus | undefined;
 }
 
 const AirdropConfig: React.FC<AirdropConfigProps> = ({
   entries,
   onEntriesChange,
+  airdropLengthStatus,
 }) => {
   const [loadingStates, setLoadingStates] = useState<Record<string, boolean>>(
     {}
@@ -86,9 +90,12 @@ const AirdropConfig: React.FC<AirdropConfigProps> = ({
     [entries, onEntriesChange]
   );
 
-  const handleLoadingChange = useCallback((entryId: string, isLoading: boolean) => {
-    setLoadingStates((prev) => ({ ...prev, [entryId]: isLoading }));
-  }, []);
+  const handleLoadingChange = useCallback(
+    (entryId: string, isLoading: boolean) => {
+      setLoadingStates((prev) => ({ ...prev, [entryId]: isLoading }));
+    },
+    []
+  );
 
   const handleEnsError = useCallback((entryId: string, hasError: boolean) => {
     setEnsErrorStates((prev) => ({ ...prev, [entryId]: hasError }));
@@ -156,6 +163,7 @@ const AirdropConfig: React.FC<AirdropConfigProps> = ({
           </span>
         )}
       </div>
+      <MetadataLengthHint status={airdropLengthStatus} className="tw-mb-4" />
 
       <div className="tw-flex tw-flex-col tw-gap-y-6">
         {entries.map((entry, index) => {
diff --git a/components/waves/memes/submission/components/AllowlistBatchManager.tsx b/components/waves/memes/submission/components/AllowlistBatchManager.tsx
index d593489505..edd9bcc730 100644
--- a/components/waves/memes/submission/components/AllowlistBatchManager.tsx
+++ b/components/waves/memes/submission/components/AllowlistBatchManager.tsx
@@ -2,9 +2,11 @@
 
 import React, { useCallback } from "react";
 import FormSection from "../ui/FormSection";
+import MetadataLengthHint from "../ui/MetadataLengthHint";
 import { TraitWrapper } from "../../traits/TraitWrapper";
 import { PlusIcon, TrashIcon } from "@heroicons/react/24/outline";
 import type { AllowlistBatchRaw } from "../types/OperationalData";
+import type { MetadataValueLengthStatus } from "../utils/submissionMetadata";
 
 export type { AllowlistBatchRaw } from "../types/OperationalData";
 
@@ -12,12 +14,14 @@ interface AllowlistBatchManagerProps {
   readonly batches: AllowlistBatchRaw[];
   readonly onBatchesChange: (batches: AllowlistBatchRaw[]) => void;
   readonly errors?: { contract?: string; token_ids?: string }[];
+  readonly allowlistLengthStatus?: MetadataValueLengthStatus | undefined;
 }
 
 const AllowlistBatchManager: React.FC<AllowlistBatchManagerProps> = ({
   batches,
   onBatchesChange,
   errors,
+  allowlistLengthStatus,
 }) => {
   const handleAddBatch = useCallback(() => {
     const id = `${Date.now()}-${Math.random().toString(36).slice(2, 11)}`;
@@ -48,6 +52,7 @@ const AllowlistBatchManager: React.FC<AllowlistBatchManagerProps> = ({
 
   return (
     <FormSection title="Allowlist Configuration">
+      <MetadataLengthHint status={allowlistLengthStatus} className="tw-mb-3" />
       <div className="tw-flex tw-flex-col tw-gap-y-6">
         {batches.length === 0 ? (
           <div className="tw-py-2 tw-text-sm tw-italic tw-text-iron-500">
diff --git a/components/waves/memes/submission/components/PaymentConfig.tsx b/components/waves/memes/submission/components/PaymentConfig.tsx
index c7bae5f7e0..de8fc5ec22 100644
--- a/components/waves/memes/submission/components/PaymentConfig.tsx
+++ b/components/waves/memes/submission/components/PaymentConfig.tsx
@@ -5,16 +5,20 @@ import React, { useCallback, useState } from "react";
 import { TraitWrapper } from "../../traits/TraitWrapper";
 import type { PaymentInfo } from "../types/OperationalData";
 import FormSection from "../ui/FormSection";
+import MetadataLengthHint from "../ui/MetadataLengthHint";
 import { validateStrictAddress } from "../utils/addressValidation";
+import type { MetadataValueLengthStatus } from "../utils/submissionMetadata";
 
 interface PaymentConfigProps {
   readonly paymentInfo: PaymentInfo;
   readonly onPaymentInfoChange: (paymentInfo: PaymentInfo) => void;
+  readonly paymentInfoLengthStatus?: MetadataValueLengthStatus | undefined;
 }
 
 const PaymentConfig: React.FC<PaymentConfigProps> = ({
   paymentInfo,
   onPaymentInfoChange,
+  paymentInfoLengthStatus,
 }) => {
   const [isLoading, setIsLoading] = useState(false);
   const [hasEnsError, setHasEnsError] = useState(false);
@@ -74,6 +78,10 @@ const PaymentConfig: React.FC<PaymentConfigProps> = ({
       <p className="-tw-mt-1 tw-mb-3 tw-text-sm tw-text-iron-500">
         Address to receive split of minting proceeds.
       </p>
+      <MetadataLengthHint
+        status={paymentInfoLengthStatus}
+        className="-tw-mt-2 tw-mb-3"
+      />
 
       <div className="tw-mb-5">
         <label className="tw-flex tw-cursor-pointer tw-items-center tw-gap-3">
diff --git a/components/waves/memes/submission/hooks/useArtworkSubmissionMutation.ts b/components/waves/memes/submission/hooks/useArtworkSubmissionMutation.ts
index 30cf0d3e93..407f0866cc 100644
--- a/components/waves/memes/submission/hooks/useArtworkSubmissionMutation.ts
+++ b/components/waves/memes/submission/hooks/useArtworkSubmissionMutation.ts
@@ -5,19 +5,20 @@ import { multiPartUpload } from "@/components/waves/create-wave/services/multiPa
 import type { ApiCreateDropRequest } from "@/generated/models/ApiCreateDropRequest";
 import type { ApiDrop } from "@/generated/models/ApiDrop";
 import type { ApiDropMedia } from "@/generated/models/ApiDropMedia";
-import type { ApiDropMetadata } from "@/generated/models/ApiDropMetadata";
 import { ApiDropType } from "@/generated/models/ApiDropType";
 import { useDropSignature } from "@/hooks/drops/useDropSignature";
 import { commonApiPost } from "@/services/api/common-api";
 import { useMutation } from "@tanstack/react-query";
 import { useCallback, useState } from "react";
 import type { InteractiveMediaMimeType } from "../constants/media";
+import type { OperationalData } from "../types/OperationalData";
 import type { TraitsData } from "../types/TraitsData";
 import type { SubmissionPhase } from "../ui/SubmissionProgress";
-import { validateStrictAddress } from "../utils/addressValidation";
-import { objectEntries } from "../utils/objectEntries";
-
-import { OperationalData } from "../types/OperationalData";
+import {
+  buildSubmissionMetadata,
+  METADATA_VALUE_MAX_LENGTH,
+  getSubmissionMetadataLengthValidation,
+} from "../utils/submissionMetadata";
 
 /**
  * Interface for the artwork submission data
@@ -58,75 +59,10 @@ const transformToApiRequest = (data: {
     isSafeSignature,
   } = data;
 
-  // Create metadata array from trait data
-  const metadata: ApiDropMetadata[] = objectEntries(traits)
-    .map(([key, value]) => ({
-      data_key: String(key),
-      data_value: value?.toString(),
-    }))
-    .filter(
-      (metadata) =>
-        metadata.data_value !== undefined && metadata.data_value.length > 0
-    );
-
-  // Append operational data if provided
-  if (operationalData) {
-    const operationalMetadata: ApiDropMetadata[] = [
-      {
-        data_key: "payment_info",
-        data_value: JSON.stringify(operationalData.payment_info),
-      },
-      {
-        data_key: "commentary",
-        data_value: operationalData.commentary,
-      },
-      {
-        data_key: "about_artist",
-        data_value: operationalData.about_artist,
-      },
-    ];
-
-    if (
-      operationalData.airdrop_config &&
-      operationalData.airdrop_config.length > 0
-    ) {
-      const validEntries = operationalData.airdrop_config.filter((e) => {
-        const trimmedAddress = e.address?.trim() ?? "";
-        return validateStrictAddress(trimmedAddress) && e.count > 0;
-      });
-      if (validEntries.length > 0) {
-        operationalMetadata.push({
-          data_key: "airdrop_config",
-          data_value: JSON.stringify(validEntries),
-        });
-      }
-    }
-
-    if (
-      operationalData.allowlist_batches &&
-      operationalData.allowlist_batches.length > 0
-    ) {
-      const processedBatches = operationalData.allowlist_batches.map(
-        (batch) => ({
-          contract: batch.contract,
-          token_ids: batch.token_ids_raw || "",
-        })
-      );
-      operationalMetadata.push({
-        data_key: "allowlist_batches",
-        data_value: JSON.stringify(processedBatches),
-      });
-    }
-
-    if (operationalData.additional_media) {
-      operationalMetadata.push({
-        data_key: "additional_media",
-        data_value: JSON.stringify(operationalData.additional_media),
-      });
-    }
-
-    metadata.push(...operationalMetadata);
-  }
+  const metadata = buildSubmissionMetadata({
+    traits,
+    operationalData,
+  });
 
   // Create the request object
   const request: ApiCreateDropRequest = {
@@ -323,6 +259,22 @@ export function useArtworkSubmissionMutation() {
         return null;
       }
 
+      const metadataLengthValidation = getSubmissionMetadataLengthValidation({
+        traits: data.traits,
+        operationalData: data.operationalData,
+      });
+      if (metadataLengthValidation.hasErrors) {
+        const fields = metadataLengthValidation.errors
+          .map((item) => `${item.dataKey} (${item.length})`)
+          .join(", ");
+
+        setToast({
+          message: `Metadata exceeds ${METADATA_VALUE_MAX_LENGTH} characters for: ${fields}`,
+          type: "error",
+        });
+        return null;
+      }
+
       // Create callbacks object
       const callbacks = { onPhaseChange: options?.onPhaseChange };
 
diff --git a/components/waves/memes/submission/steps/AdditionalInfoStep.tsx b/components/waves/memes/submission/steps/AdditionalInfoStep.tsx
index ee766abfff..cb4191c715 100644
--- a/components/waves/memes/submission/steps/AdditionalInfoStep.tsx
+++ b/components/waves/memes/submission/steps/AdditionalInfoStep.tsx
@@ -3,7 +3,7 @@
 import PrimaryButton from "@/components/utils/button/PrimaryButton";
 import SecondaryButton from "@/components/utils/button/SecondaryButton";
 import { motion } from "framer-motion";
-import type { FC } from "react";
+import { useMemo, type FC } from "react";
 import AdditionalMediaUpload from "../components/AdditionalMediaUpload";
 import AirdropConfig from "../components/AirdropConfig";
 import AllowlistBatchManager, {
@@ -15,10 +15,17 @@ import {
   type AirdropEntry,
   type PaymentInfo,
 } from "../types/OperationalData";
+import type { TraitsData } from "../types/TraitsData";
 import { validateStrictAddress } from "../utils/addressValidation";
+import {
+  METADATA_VALUE_MAX_LENGTH,
+  getSubmissionMetadataLengthValidation,
+  type MetadataValueLengthStatus,
+} from "../utils/submissionMetadata";
 import { validateTokenIdFormat } from "../utils/tokenParsing";
 
 interface AdditionalInfoStepProps {
+  readonly traits: TraitsData;
   readonly airdropEntries: AirdropEntry[];
   readonly onAirdropEntriesChange: (entries: AirdropEntry[]) => void;
   readonly paymentInfo: PaymentInfo;
@@ -45,6 +52,7 @@ interface AdditionalInfoStepProps {
 }
 
 const AdditionalInfoStep: FC<AdditionalInfoStepProps> = ({
+  traits,
   airdropEntries,
   onAirdropEntriesChange,
   paymentInfo,
@@ -69,6 +77,54 @@ const AdditionalInfoStep: FC<AdditionalInfoStepProps> = ({
   onSubmit,
   isSubmitting,
 }) => {
+  const metadataLengthValidation = useMemo(
+    () =>
+      getSubmissionMetadataLengthValidation({
+        traits,
+        operationalData: {
+          airdrop_config: airdropEntries,
+          payment_info: paymentInfo,
+          allowlist_batches: allowlistBatches,
+          additional_media: {
+            artist_profile_media: [],
+            artwork_commentary_media: supportingMedia,
+            preview_image: previewImage,
+            promo_video: promoVideo,
+          },
+          commentary: artworkCommentary,
+          about_artist: aboutArtist,
+        },
+      }),
+    [
+      traits,
+      airdropEntries,
+      paymentInfo,
+      allowlistBatches,
+      supportingMedia,
+      previewImage,
+      promoVideo,
+      artworkCommentary,
+      aboutArtist,
+    ]
+  );
+
+  const metadataStatuses = metadataLengthValidation.statusesByKey;
+  const aboutArtistStatus = metadataStatuses["about_artist"];
+  const commentaryStatus = metadataStatuses["commentary"];
+
+  const metadataLengthError = (
+    status: MetadataValueLengthStatus | undefined
+  ): string | undefined => {
+    if (!status?.isError) {
+      return undefined;
+    }
+
+    return `${status.length}/${METADATA_VALUE_MAX_LENGTH} characters exceeds limit`;
+  };
+
+  const aboutArtistError = metadataLengthError(aboutArtistStatus);
+  const artworkCommentaryError = metadataLengthError(commentaryStatus);
+
   const getContractError = (address: string) => {
     // Only show error if user has typed something invalid
     // Empty fields are handled by submit button being disabled
@@ -142,6 +198,8 @@ const AdditionalInfoStep: FC<AdditionalInfoStepProps> = ({
     // If video/HTML submission, require a preview image
     if (requiresPreviewImage && !previewImage) return false;
 
+    if (metadataLengthValidation.hasErrors) return false;
+
     return true;
   };
 
@@ -163,16 +221,19 @@ const AdditionalInfoStep: FC<AdditionalInfoStepProps> = ({
         <AirdropConfig
           entries={airdropEntries}
           onEntriesChange={onAirdropEntriesChange}
+          airdropLengthStatus={metadataStatuses["airdrop_config"]}
         />
 
         <PaymentConfig
           paymentInfo={paymentInfo}
           onPaymentInfoChange={onPaymentInfoChange}
+          paymentInfoLengthStatus={metadataStatuses["payment_info"]}
         />
 
         <AllowlistBatchManager
           batches={allowlistBatches}
           onBatchesChange={onBatchesChange}
+          allowlistLengthStatus={metadataStatuses["allowlist_batches"]}
           errors={allowlistBatches.map((batch) => {
             const contractError = getContractError(batch.contract);
             const tokenIdsError = getTokenIdsError(batch.token_ids_raw);
@@ -197,6 +258,23 @@ const AdditionalInfoStep: FC<AdditionalInfoStepProps> = ({
           onPromoVideoChange={onPromoVideoChange}
           onArtworkCommentaryChange={onArtworkCommentaryChange}
           onAboutArtistChange={onAboutArtistChange}
+          aboutArtistLengthStatus={
+            aboutArtistStatus?.isWarning && !aboutArtistStatus.isError
+              ? aboutArtistStatus
+              : undefined
+          }
+          artworkCommentaryLengthStatus={
+            commentaryStatus?.isWarning && !commentaryStatus.isError
+              ? commentaryStatus
+              : undefined
+          }
+          additionalMediaLengthStatus={metadataStatuses["additional_media"]}
+          errors={{
+            ...(aboutArtistError ? { aboutArtist: aboutArtistError } : {}),
+            ...(artworkCommentaryError
+              ? { artworkCommentary: artworkCommentaryError }
+              : {}),
+          }}
         />
       </div>
 
diff --git a/components/waves/memes/submission/ui/MetadataLengthHint.tsx b/components/waves/memes/submission/ui/MetadataLengthHint.tsx
new file mode 100644
index 0000000000..705be63570
--- /dev/null
+++ b/components/waves/memes/submission/ui/MetadataLengthHint.tsx
@@ -0,0 +1,36 @@
+import type { MetadataValueLengthStatus } from "../utils/submissionMetadata";
+
+interface MetadataLengthHintProps {
+  readonly status?: MetadataValueLengthStatus | undefined;
+  readonly className?: string | undefined;
+}
+
+export default function MetadataLengthHint({
+  status,
+  className,
+}: MetadataLengthHintProps) {
+  if (!status || (!status.isWarning && !status.isError)) {
+    return null;
+  }
+
+  const baseClassName = `tw-text-xs ${className ?? ""}`;
+
+  if (status.isError) {
+    return (
+      <p
+        role="alert"
+        aria-live="polite"
+        className={`tw-text-red ${baseClassName}`}
+      >
+        {status.length}/{status.maxLength} characters.{" "}
+        {Math.abs(status.remaining)} over limit.
+      </p>
+    );
+  }
+
+  return (
+    <p className={`tw-text-amber-400 ${baseClassName}`}>
+      {status.length}/{status.maxLength} characters.
+    </p>
+  );
+}
diff --git a/components/waves/memes/submission/utils/buildPreviewDrop.ts b/components/waves/memes/submission/utils/buildPreviewDrop.ts
index 8cfa8fccd7..06e8320f69 100644
--- a/components/waves/memes/submission/utils/buildPreviewDrop.ts
+++ b/components/waves/memes/submission/utils/buildPreviewDrop.ts
@@ -1,7 +1,6 @@
 "use client";
 
 import type { ApiIdentity } from "@/generated/models/ApiIdentity";
-import type { ApiDropMetadata } from "@/generated/models/ApiDropMetadata";
 import { ApiDropType } from "@/generated/models/ApiDropType";
 import type { ApiWave } from "@/generated/models/ApiWave";
 import { getBannerColorValue } from "@/helpers/profile-banner.helpers";
@@ -9,8 +8,7 @@ import { DropSize, getOptimisticDropId } from "@/helpers/waves/drop.helpers";
 import type { ExtendedDrop } from "@/helpers/waves/drop.helpers";
 import type { OperationalData } from "../types/OperationalData";
 import type { TraitsData } from "../types/TraitsData";
-import { validateStrictAddress } from "./addressValidation";
-import { objectEntries } from "./objectEntries";
+import { buildSubmissionMetadata } from "./submissionMetadata";
 
 interface PreviewMediaSelection {
   readonly mediaSource: "upload" | "url";
@@ -32,70 +30,6 @@ interface BuildPreviewDropInput {
 const FALLBACK_MEDIA_URL =
   "data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=";
 
-const buildMetadata = (
-  traits: TraitsData,
-  operationalData?: OperationalData
-): ApiDropMetadata[] => {
-  const metadata: ApiDropMetadata[] = objectEntries(traits)
-    .map(([key, value]) => ({
-      data_key: String(key),
-      data_value: value.toString(),
-    }))
-    .filter((item) => item.data_value.length > 0);
-
-  if (!operationalData) {
-    return metadata;
-  }
-
-  metadata.push(
-    {
-      data_key: "payment_info",
-      data_value: JSON.stringify(operationalData.payment_info),
-    },
-    {
-      data_key: "commentary",
-      data_value: operationalData.commentary,
-    },
-    {
-      data_key: "about_artist",
-      data_value: operationalData.about_artist,
-    }
-  );
-
-  if (operationalData.airdrop_config.length > 0) {
-    const validEntries = operationalData.airdrop_config.filter((entry) => {
-      const trimmedAddress = entry.address.trim();
-      return validateStrictAddress(trimmedAddress) && entry.count > 0;
-    });
-
-    if (validEntries.length > 0) {
-      metadata.push({
-        data_key: "airdrop_config",
-        data_value: JSON.stringify(validEntries),
-      });
-    }
-  }
-
-  if (operationalData.allowlist_batches.length > 0) {
-    metadata.push({
-      data_key: "allowlist_batches",
-      data_value: JSON.stringify(
-        operationalData.allowlist_batches.map((batch) => ({
-          contract: batch.contract,
-          token_ids: batch.token_ids_raw || "",
-        }))
-      ),
-    });
-  }
-
-  metadata.push({
-    data_key: "additional_media",
-    data_value: JSON.stringify(operationalData.additional_media),
-  });
-
-  return metadata;
-};
-
 const buildPreviewMedia = ({
   mediaSelection,
   uploadArtworkUrl,
@@ -142,7 +76,10 @@ export const buildPreviewDrop = ({
   const id = getOptimisticDropId();
   const now = Date.now();
   const media = buildPreviewMedia({ mediaSelection, uploadArtworkUrl });
-  const metadata = buildMetadata(traits, operationalData);
+  const metadata = buildSubmissionMetadata({
+    traits,
+    operationalData,
+  });
   const primaryAddress =
     connectedProfile?.primary_wallet ??
     "0x0000000000000000000000000000000000000000";
diff --git a/components/waves/memes/submission/utils/submissionMetadata.ts b/components/waves/memes/submission/utils/submissionMetadata.ts
new file mode 100644
index 0000000000..e7a3c092b0
--- /dev/null
+++ b/components/waves/memes/submission/utils/submissionMetadata.ts
@@ -0,0 +1,160 @@
+import type { ApiDropMetadata } from "@/generated/models/ApiDropMetadata";
+import type { OperationalData } from "../types/OperationalData";
+import type { TraitsData } from "../types/TraitsData";
+import { validateStrictAddress } from "./addressValidation";
+import { objectEntries } from "./objectEntries";
+
+export const METADATA_VALUE_MAX_LENGTH = 5000;
+const METADATA_VALUE_WARNING_THRESHOLD = 4500;
+
+export interface MetadataValueLengthStatus {
+  readonly dataKey: string;
+  readonly length: number;
+  readonly maxLength: number;
+  readonly warningThreshold: number;
+  readonly remaining: number;
+  readonly isWarning: boolean;
+  readonly isError: boolean;
+}
+
+interface MetadataLengthValidationResult {
+  readonly statusesByKey: Partial<Record<string, MetadataValueLengthStatus>>;
+  readonly warnings: MetadataValueLengthStatus[];
+  readonly errors: MetadataValueLengthStatus[];
+  readonly hasWarnings: boolean;
+  readonly hasErrors: boolean;
+}
+
+const buildOperationalMetadata = (
+  operationalData?: OperationalData
+): ApiDropMetadata[] => {
+  if (!operationalData) {
+    return [];
+  }
+
+  const operationalMetadata: ApiDropMetadata[] = [
+    {
+      data_key: "payment_info",
+      data_value: JSON.stringify(operationalData.payment_info),
+    },
+    {
+      data_key: "commentary",
+      data_value: operationalData.commentary,
+    },
+    {
+      data_key: "about_artist",
+      data_value: operationalData.about_artist,
+    },
+  ];
+
+  if (operationalData.airdrop_config.length > 0) {
+    const validEntries = operationalData.airdrop_config.filter((entry) => {
+      const trimmedAddress = entry.address.trim();
+      return validateStrictAddress(trimmedAddress) && entry.count > 0;
+    });
+
+    if (validEntries.length > 0) {
+      operationalMetadata.push({
+        data_key: "airdrop_config",
+        data_value: JSON.stringify(validEntries),
+      });
+    }
+  }
+
+  if (operationalData.allowlist_batches.length > 0) {
+    operationalMetadata.push({
+      data_key: "allowlist_batches",
+      data_value: JSON.stringify(
+        operationalData.allowlist_batches.map((batch) => ({
+          contract: batch.contract,
+          token_ids: batch.token_ids_raw || "",
+        }))
+      ),
+    });
+  }
+
+  operationalMetadata.push({
+    data_key: "additional_media",
+    data_value: JSON.stringify(operationalData.additional_media),
+  });
+
+  return operationalMetadata;
+};
+
+export const buildSubmissionMetadata = ({
+  traits,
+  operationalData,
+}: {
+  readonly traits: TraitsData;
+  readonly operationalData?: OperationalData | undefined;
+}): ApiDropMetadata[] => {
+  const traitMetadata: ApiDropMetadata[] = objectEntries(traits)
+    .map(([key, value]) => ({
+      data_key: String(key),
+      data_value: value.toString(),
+    }))
+    .filter((metadata) => metadata.data_value.length > 0);
+
+  return [...traitMetadata, ...buildOperationalMetadata(operationalData)];
+};
+
+const getMetadataValueLengthStatus = (
+  metadata: ApiDropMetadata
+): MetadataValueLengthStatus => {
+  const length = metadata.data_value.length;
+  const remaining = METADATA_VALUE_MAX_LENGTH - length;
+  const isWarning = length >= METADATA_VALUE_WARNING_THRESHOLD;
+  const isError = length > METADATA_VALUE_MAX_LENGTH;
+
+  return {
+    dataKey: metadata.data_key,
+    length,
+    maxLength: METADATA_VALUE_MAX_LENGTH,
+    warningThreshold: METADATA_VALUE_WARNING_THRESHOLD,
+    remaining,
+    isWarning,
+    isError,
+  };
+};
+
+const validateMetadataValueLengths = (
+  metadata: ApiDropMetadata[]
+): MetadataLengthValidationResult => {
+  const statusesByKey: Partial<Record<string, MetadataValueLengthStatus>> = {};
+  const warnings: MetadataValueLengthStatus[] = [];
+  const errors: MetadataValueLengthStatus[] = [];
+
+  metadata.forEach((item) => {
+    const status = getMetadataValueLengthStatus(item);
+    statusesByKey[item.data_key] = status;
+
+    if (status.isWarning) {
+      warnings.push(status);
+    }
+    if (status.isError) {
+      errors.push(status);
+    }
+  });
+
+  return {
+    statusesByKey,
+    warnings,
+    errors,
+    hasWarnings: warnings.length > 0,
+    hasErrors: errors.length > 0,
+  };
+};
+
+export const getSubmissionMetadataLengthValidation = ({
+  traits,
+  operationalData,
+}: {
+  readonly traits: TraitsData;
+  readonly operationalData?: OperationalData | undefined;
+}): MetadataLengthValidationResult =>
+  validateMetadataValueLengths(
+    buildSubmissionMetadata({
+      traits,
+      operationalData,
+    })
+  );