diff --git a/packages/atlas/src/components/_crt/BuyMarketTokenModal/BuyMarketTokenModal.tsx b/packages/atlas/src/components/_crt/BuyMarketTokenModal/BuyMarketTokenModal.tsx
index e7db49a646..917ceb754b 100644
--- a/packages/atlas/src/components/_crt/BuyMarketTokenModal/BuyMarketTokenModal.tsx
+++ b/packages/atlas/src/components/_crt/BuyMarketTokenModal/BuyMarketTokenModal.tsx
@@ -1,20 +1,23 @@
 import BN from 'bn.js'
-import { useCallback, useMemo, useRef, useState } from 'react'
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react'
+import { useForm } from 'react-hook-form'
 
 import { useGetFullCreatorTokenQuery } from '@/api/queries/__generated__/creatorTokens.generated'
+import { NumberFormat } from '@/components/NumberFormat'
+import { AmmModalFormTemplate } from '@/components/_crt/AmmModalTemplates'
+import { AmmModalSummaryTemplate } from '@/components/_crt/AmmModalTemplates/AmmModalSummaryTemplate'
 import { BuyMarketTokenSuccess } from '@/components/_crt/BuyMarketTokenModal/steps/BuyMarketTokenSuccess'
 import { DialogProps } from '@/components/_overlays/Dialog'
 import { DialogModal } from '@/components/_overlays/DialogModal'
 import { useMediaMatch } from '@/hooks/useMediaMatch'
-import { hapiBnToTokenNumber } from '@/joystream-lib/utils'
-import { useJoystream } from '@/providers/joystream'
+import { hapiBnToTokenNumber, tokenNumberToHapiBn } from '@/joystream-lib/utils'
+import { useFee, useJoystream, useSubscribeAccountBalance } from '@/providers/joystream'
 import { useSnackbar } from '@/providers/snackbars'
 import { useTransaction } from '@/providers/transactions/transactions.hooks'
 import { useUser } from '@/providers/user/user.hooks'
 import { calcBuyMarketPricePerToken } from '@/utils/crts'
 
 import { BuyMarketTokenConditions } from './steps/BuyMarketTokenConditions'
-import { BuyMarketTokenForm } from './steps/BuyMarketTokenForm'
 
 export type BuySaleTokenModalProps = {
   tokenId: string
@@ -25,6 +28,7 @@ export type BuySaleTokenModalProps = {
 enum BUY_MARKET_TOKEN_STEPS {
   form,
   conditions,
+  summary,
   success,
 }
 
@@ -32,11 +36,17 @@ export const BuyMarketTokenModal = ({ tokenId, onClose, show }: BuySaleTokenModa
   const [activeStep, setActiveStep] = useState(BUY_MARKET_TOKEN_STEPS.form)
   const [primaryButtonProps, setPrimaryButtonProps] = useState<DialogProps['primaryButton']>()
   const amountRef = useRef<number | null>(null)
+  const { control, watch, handleSubmit, reset, formState } = useForm<{ tokens: number }>()
+  const tokens = watch('tokens') || 0
+  const { fullFee } = useFee('purchaseTokenOnMarketTx', ['1', '1', String(tokens ?? 0), '1000000'])
   const { data } = useGetFullCreatorTokenQuery({
     variables: {
       id: tokenId,
     },
   })
+  const { accountBalance } = useSubscribeAccountBalance()
+  const title = data?.creatorTokenById?.symbol ?? 'N/A'
+
   const currentAmm = data?.creatorTokenById?.ammCurves.find((amm) => !amm.finalized)
 
   const { memberId } = useUser()
@@ -58,6 +68,13 @@ export const BuyMarketTokenModal = ({ tokenId, onClose, show }: BuySaleTokenModa
           text: 'Cancel',
           onClick: onClose,
         }
+      case BUY_MARKET_TOKEN_STEPS.summary:
+        return {
+          text: 'Back',
+          onClick: () => {
+            setActiveStep(BUY_MARKET_TOKEN_STEPS.conditions)
+          },
+        }
       default:
         return undefined
     }
@@ -81,11 +98,18 @@ export const BuyMarketTokenModal = ({ tokenId, onClose, show }: BuySaleTokenModa
     [data?.creatorTokenById]
   )
 
+  const priceForAllToken = useMemo(() => {
+    return hapiBnToTokenNumber(calculateRequiredHapi(Math.max(tokens, 1)) ?? new BN(0))
+  }, [tokens, calculateRequiredHapi])
+  const pricePerUnit = priceForAllToken / (tokens || 1)
+
   const commonProps = {
     setPrimaryButtonProps,
   }
 
-  const onSubmitConditions = useCallback(async () => {
+  const onTermsSubmit = useCallback(() => setActiveStep(BUY_MARKET_TOKEN_STEPS.summary), [])
+
+  const onTransactionSubmit = useCallback(() => {
     const slippageAmount = calculateRequiredHapi(amountRef.current ?? 0)
     if (!joystream || !memberId || !amountRef.current || !slippageAmount) {
       return
@@ -112,6 +136,121 @@ export const BuyMarketTokenModal = ({ tokenId, onClose, show }: BuySaleTokenModa
     })
   }, [calculateRequiredHapi, displaySnackbar, handleTransaction, joystream, memberId, proxyCallback, tokenId])
 
+  const formDetails = useMemo(
+    () => [
+      {
+        title: 'Available balance',
+        content: <NumberFormat value={accountBalance ?? 0} as="p" variant="t200" withDenomination="before" withToken />,
+        tooltipText: 'Lorem ipsum',
+      },
+      {
+        title: 'You will pay',
+        content: (
+          <NumberFormat
+            value={hapiBnToTokenNumber(calculateRequiredHapi(tokens) ?? new BN(0))}
+            as="p"
+            variant="t200"
+            withDenomination="before"
+            withToken
+          />
+        ),
+        tooltipText: 'Lorem ipsum',
+      },
+    ],
+    [accountBalance, calculateRequiredHapi, tokens]
+  )
+
+  const summaryDetails = useMemo(
+    () => [
+      {
+        title: 'Purchase',
+        content: (
+          <NumberFormat
+            value={calculateRequiredHapi(tokens) ?? 0}
+            as="p"
+            variant="t200"
+            withToken
+            withDenomination="before"
+          />
+        ),
+        tooltipText: 'Lorem ipsum',
+      },
+      {
+        title: 'Price per unit',
+        content: (
+          <NumberFormat
+            value={tokenNumberToHapiBn(pricePerUnit)}
+            as="p"
+            variant="t200"
+            withToken
+            withDenomination="before"
+          />
+        ),
+        tooltipText: 'Lorem ipsum',
+      },
+      {
+        title: 'Fee',
+        content: <NumberFormat value={fullFee} as="p" variant="t200" withToken withDenomination="before" />,
+        tooltipText: 'Lorem ipsum',
+      },
+      {
+        title: 'Total',
+        content: (
+          <NumberFormat
+            value={fullFee.add(calculateRequiredHapi(tokens) ?? new BN(0))}
+            as="p"
+            variant="t200"
+            withToken
+            withDenomination="before"
+          />
+        ),
+        tooltipText: 'Lorem ipsum',
+      },
+      {
+        title: 'You will get',
+        content: (
+          <NumberFormat
+            value={tokens}
+            as="p"
+            variant="t200-strong"
+            withToken
+            withDenomination="before"
+            customTicker={`$${title}`}
+            denominationMultiplier={pricePerUnit}
+          />
+        ),
+        tooltipText: 'Lorem ipsum',
+      },
+    ],
+    [calculateRequiredHapi, fullFee, pricePerUnit, title, tokens]
+  )
+
+  useEffect(() => {
+    if (!show) {
+      reset({ tokens: 0 })
+    }
+  }, [reset, show])
+
+  useEffect(() => {
+    if (activeStep === BUY_MARKET_TOKEN_STEPS.form) {
+      setPrimaryButtonProps({
+        text: 'Continue',
+        onClick: () =>
+          handleSubmit((data) => {
+            amountRef.current = data.tokens
+            setActiveStep(BUY_MARKET_TOKEN_STEPS.conditions)
+          })(),
+      })
+    }
+
+    if (activeStep === BUY_MARKET_TOKEN_STEPS.summary) {
+      setPrimaryButtonProps({
+        text: 'Buy token',
+        onClick: onTransactionSubmit,
+      })
+    }
+  }, [activeStep, handleSubmit, onTransactionSubmit])
+
   if (!currentAmm && show) {
     throw new Error('BuyAmmModal invoked on token without active amm')
   }
@@ -130,20 +269,23 @@ export const BuyMarketTokenModal = ({ tokenId, onClose, show }: BuySaleTokenModa
       noContentPadding={activeStep === BUY_MARKET_TOKEN_STEPS.conditions}
     >
       {activeStep === BUY_MARKET_TOKEN_STEPS.form && (
-        <BuyMarketTokenForm
-          {...commonProps}
-          calculateRequiredHapi={calculateRequiredHapi}
-          pricePerUnit={hapiBnToTokenNumber(calculateRequiredHapi(1) ?? new BN(0))}
-          onSubmit={(tokens) => {
-            setActiveStep(BUY_MARKET_TOKEN_STEPS.conditions)
-            amountRef.current = tokens
+        <AmmModalFormTemplate
+          control={control}
+          details={formDetails}
+          pricePerUnit={pricePerUnit}
+          error={formState.errors.tokens?.message}
+          validation={(value) => {
+            if (!value || value < 1) return 'You need to buy at least one token'
+            const requiredHapi = calculateRequiredHapi(value ?? 0)
+            if (!accountBalance || !requiredHapi) return true
+            return accountBalance.gte(requiredHapi) ? true : "You don't have enough balance to buy this many tokens"
           }}
-          token={data?.creatorTokenById}
         />
       )}
       {activeStep === BUY_MARKET_TOKEN_STEPS.conditions && (
-        <BuyMarketTokenConditions {...commonProps} onSubmit={onSubmitConditions} />
+        <BuyMarketTokenConditions {...commonProps} onSubmit={onTermsSubmit} />
       )}
+      {activeStep === BUY_MARKET_TOKEN_STEPS.summary && <AmmModalSummaryTemplate details={summaryDetails} />}
       {activeStep === BUY_MARKET_TOKEN_STEPS.success && (
         <BuyMarketTokenSuccess
           {...commonProps}
diff --git a/packages/atlas/src/components/_crt/BuyMarketTokenModal/steps/BuyMarketTokenConditions.tsx b/packages/atlas/src/components/_crt/BuyMarketTokenModal/steps/BuyMarketTokenConditions.tsx
index 1b6a59387f..34ec872ff8 100644
--- a/packages/atlas/src/components/_crt/BuyMarketTokenModal/steps/BuyMarketTokenConditions.tsx
+++ b/packages/atlas/src/components/_crt/BuyMarketTokenModal/steps/BuyMarketTokenConditions.tsx
@@ -37,7 +37,7 @@ export const BuyMarketTokenConditions = ({ setPrimaryButtonProps, onSubmit }: Bu
 
   useEffect(() => {
     setPrimaryButtonProps({
-      text: 'Buy token',
+      text: 'Continue',
       onClick: () => {
         if (isChecked) {
           onSubmit()
diff --git a/packages/atlas/src/components/_crt/BuyMarketTokenModal/steps/BuyMarketTokenForm.tsx b/packages/atlas/src/components/_crt/BuyMarketTokenModal/steps/BuyMarketTokenForm.tsx
deleted file mode 100644
index 7fc6621e0a..0000000000
--- a/packages/atlas/src/components/_crt/BuyMarketTokenModal/steps/BuyMarketTokenForm.tsx
+++ /dev/null
@@ -1,154 +0,0 @@
-import BN from 'bn.js'
-import { useMemo } from 'react'
-import { Controller, useForm } from 'react-hook-form'
-
-import { FullCreatorTokenFragment } from '@/api/queries/__generated__/fragments.generated'
-import { FlexBox } from '@/components/FlexBox/FlexBox'
-import { Information } from '@/components/Information'
-import { JoyTokenIcon } from '@/components/JoyTokenIcon'
-import { NumberFormat } from '@/components/NumberFormat'
-import { Text } from '@/components/Text'
-import { FormField } from '@/components/_inputs/FormField'
-import { TokenInput } from '@/components/_inputs/TokenInput'
-import { DetailsContent } from '@/components/_nft/NftTile'
-import { atlasConfig } from '@/config'
-import { useMediaMatch } from '@/hooks/useMediaMatch'
-import { useMountEffect } from '@/hooks/useMountEffect'
-import { hapiBnToTokenNumber, tokenNumberToHapiBn } from '@/joystream-lib/utils'
-import { useFee, useJoystream, useSubscribeAccountBalance } from '@/providers/joystream'
-
-import { CommonProps } from './types'
-
-type BuyMarketTokenFormProps = {
-  token?: FullCreatorTokenFragment | null
-  onSubmit: (tokens: number | null) => void
-  pricePerUnit: number
-  calculateRequiredHapi: (amount: number) => BN | undefined
-} & CommonProps
-
-export const BuyMarketTokenForm = ({
-  token,
-  setPrimaryButtonProps,
-  onSubmit,
-  calculateRequiredHapi,
-}: BuyMarketTokenFormProps) => {
-  const { control, watch, handleSubmit, formState } = useForm<{ tokens: number | null }>()
-  const { accountBalance } = useSubscribeAccountBalance()
-  const tokens = watch('tokens') || 0
-  const { fullFee } = useFee('purchaseTokenOnMarketTx', ['1', '1', String(tokens ?? 0), '1000000'])
-  const { tokenPrice } = useJoystream()
-
-  const priceForAllToken = useMemo(() => {
-    return hapiBnToTokenNumber(calculateRequiredHapi(Math.max(tokens, 1)) ?? new BN(0))
-  }, [tokens, calculateRequiredHapi])
-  const pricePerUnit = priceForAllToken / (tokens || 1)
-
-  const tokenInUsd = tokens * pricePerUnit * (tokenPrice ?? 0)
-  const smMatch = useMediaMatch('sm')
-  const details = useMemo(
-    () => [
-      {
-        title: 'You will get',
-        content: (
-          <NumberFormat
-            value={tokens}
-            as="p"
-            variant="t200"
-            withDenomination="before"
-            withToken
-            denominationMultiplier={pricePerUnit}
-            customTicker={`$${token?.symbol}`}
-          />
-        ),
-        tooltipText: 'Lorem ipsum',
-      },
-      {
-        title: 'Fee',
-        content: <NumberFormat value={fullFee} as="p" variant="t200" withDenomination="before" withToken />,
-        tooltipText: 'Lorem ipsum',
-      },
-      {
-        title: 'You will spend',
-        content: (
-          <NumberFormat
-            value={hapiBnToTokenNumber(fullFee.add(calculateRequiredHapi(tokens) ?? new BN(0)))}
-            as="p"
-            variant="t200"
-            withDenomination="before"
-            withToken
-          />
-        ),
-        tooltipText: 'Lorem ipsum',
-      },
-    ],
-    [calculateRequiredHapi, fullFee, pricePerUnit, token?.symbol, tokens]
-  )
-
-  useMountEffect(() => {
-    setPrimaryButtonProps({
-      text: 'Continue',
-      onClick: () => handleSubmit((data) => onSubmit(data.tokens))(),
-    })
-  })
-
-  return (
-    <>
-      <FlexBox flow="column" gap={8}>
-        <FlexBox gap={6} equalChildren>
-          <DetailsContent
-            avoidIconStyling
-            tileSize={smMatch ? 'big' : 'bigSmall'}
-            caption="PRICE PER UNIT"
-            content={pricePerUnit}
-            icon={<JoyTokenIcon size={smMatch ? 24 : 16} variant="silver" />}
-            tooltipText="Lorem ipsum"
-            withDenomination
-          />
-          <DetailsContent
-            avoidIconStyling
-            tileSize={smMatch ? 'big' : 'bigSmall'}
-            caption={`YOUR ${atlasConfig.joystream.tokenTicker} BALANCE`}
-            content={accountBalance ?? 0}
-            icon={<JoyTokenIcon size={smMatch ? 24 : 16} variant="silver" />}
-            tooltipText="Lorem ipsum"
-            withDenomination
-          />
-        </FlexBox>
-        <Controller
-          name="tokens"
-          control={control}
-          rules={{
-            validate: {
-              valid: (value) => {
-                if (!value || value < 1) return 'You need to buy at least one token'
-                if (!accountBalance) return true
-                const requiredHapi = tokenNumberToHapiBn((value ?? 0) * pricePerUnit)
-
-                return accountBalance.gte(requiredHapi) ? true : "You don't have enough balance to buy this many tokens"
-              },
-            },
-          }}
-          render={({ field }) => (
-            <FormField label="Tokens to buy" error={formState.errors['tokens']?.message}>
-              <TokenInput value={field.value} onChange={field.onChange} placeholder="0" nodeEnd={<div />} />
-            </FormField>
-          )}
-        />
-
-        <FlexBox flow="column" gap={2}>
-          {details.map((row, i) => (
-            <FlexBox key={row.title} alignItems="center" justifyContent="space-between">
-              <FlexBox width="fit-content" alignItems="center">
-                <Text variant={i + 1 === details.length ? 't200-strong' : 't200'} as="p" color="colorText">
-                  {row.title}
-                </Text>
-                <Information text={row.tooltipText} />
-              </FlexBox>
-              {row.content}
-            </FlexBox>
-          ))}
-        </FlexBox>
-      </FlexBox>
-    </>
-  )
-}