diff --git a/ui/app/pages/swaps/awaiting-swap/awaiting-swap.stories.js b/ui/app/pages/swaps/awaiting-swap/awaiting-swap.stories.js
deleted file mode 100644
index 98d348d41..000000000
--- a/ui/app/pages/swaps/awaiting-swap/awaiting-swap.stories.js
+++ /dev/null
@@ -1,73 +0,0 @@
-import React from 'react'
-import { number, text, select } from '@storybook/addon-knobs/react'
-import {
-  QUOTES_EXPIRED_ERROR,
-  SWAP_FAILED_ERROR,
-  ERROR_FETCHING_QUOTES,
-  QUOTES_NOT_AVAILABLE_ERROR,
-} from '../../../helpers/constants/swaps'
-import AwaitingSwap from './awaiting-swap'
-
-export default {
-  title: 'AwaitingSwap',
-}
-
-export const swapNotComplete = () => (
-  <div style={{ height: '528px', width: '357px', border: '1px solid grey' }}>
-    <AwaitingSwap
-      swapComplete={false}
-      errorKey={select('Error types', [
-        '',
-        QUOTES_EXPIRED_ERROR,
-        SWAP_FAILED_ERROR,
-        ERROR_FETCHING_QUOTES,
-        QUOTES_NOT_AVAILABLE_ERROR,
-      ], '')}
-      estimatedTime="2 minutes"
-      networkId="1"
-      txHash="0xnotATx"
-      submittedTime={number('submittedTime', Date.now())}
-      transactionTimeRemaining={number('transactionTimeRemaining', 120000)}
-      rpcPrefs={{ blockExplorerUrl: text('blockExplorerUrl 1', 'http://example.com') }}
-    />
-  </div>
-)
-
-export const swapComplete = () => (
-  <div style={{ height: '528px', width: '357px', border: '1px solid grey' }}>
-    <AwaitingSwap
-      swapComplete
-      errorKey={select('Error types', [
-        '',
-        QUOTES_EXPIRED_ERROR,
-        SWAP_FAILED_ERROR,
-        ERROR_FETCHING_QUOTES,
-        QUOTES_NOT_AVAILABLE_ERROR,
-      ], '')}
-      estimatedTime={null}
-      tokensReceived={320.68}
-      networkId="1"
-      txHash="0xnotATx"
-      rpcPrefs={{ blockExplorerUrl: text('blockExplorerUrl 2', 'http://example.com') }}
-    />
-  </div>
-)
-
-export const swapError = () => (
-  <div style={{ height: '528px', width: '357px', border: '1px solid grey' }}>
-    <AwaitingSwap
-      swapComplete={false}
-      errorKey={select('Error types', [
-        '',
-        QUOTES_EXPIRED_ERROR,
-        SWAP_FAILED_ERROR,
-        ERROR_FETCHING_QUOTES,
-        QUOTES_NOT_AVAILABLE_ERROR,
-      ], '')}
-      estimatedTime={null}
-      networkId="1"
-      txHash="0xnotATx"
-      rpcPrefs={{ blockExplorerUrl: text('blockExplorerUrl 3', 'http://example.com') }}
-    />
-  </div>
-)
diff --git a/ui/app/pages/swaps/loading-swaps-quotes/loading-swaps-quotes.stories.js b/ui/app/pages/swaps/loading-swaps-quotes/loading-swaps-quotes.stories.js
deleted file mode 100644
index ac39d1850..000000000
--- a/ui/app/pages/swaps/loading-swaps-quotes/loading-swaps-quotes.stories.js
+++ /dev/null
@@ -1,91 +0,0 @@
-import React, { useState, useEffect } from 'react'
-import { storiesMetadata } from './loading-swaps-quotes-stories-metadata'
-import LoadingSwapsQuotes from './loading-swaps-quotes'
-
-export default {
-  title: 'LoadingSwapsQuotes',
-}
-
-export const FasterThanExpectedCompletion = () => {
-  const [loading, setLoading] = useState(false)
-  const [loadingComplete, setLoadingComplete] = useState(false)
-  const [done, setDone] = useState(false)
-
-  useEffect(() => {
-    if (!done && !loading) {
-      setLoading(true)
-      setTimeout(() => {
-        setLoading(false)
-        setLoadingComplete(true)
-      }, 3000)
-    }
-  }, [done, loading])
-
-  return (
-    <div style={{ display: 'flex', justifyContent: 'center', alignItems: 'center' }}>
-      <div style={{ height: '600px', width: '357px', border: '1px solid grey' }}>
-        <LoadingSwapsQuotes
-          loadingComplete={loadingComplete}
-          onDone={() => setDone(true)}
-          aggregatorMetadata={storiesMetadata}
-        />
-      </div>
-    </div>
-  )
-}
-
-export const SlowerThanExpectedCompletion = () => {
-  const [loading, setLoading] = useState(false)
-  const [loadingComplete, setLoadingComplete] = useState(false)
-  const [done, setDone] = useState(false)
-
-  useEffect(() => {
-    if (!done && !loading) {
-      setLoading(true)
-      setTimeout(() => {
-        setLoading(false)
-        setLoadingComplete(true)
-      }, 10000)
-    }
-  }, [done, loading])
-
-  return (
-    <div style={{ display: 'flex', justifyContent: 'center', alignItems: 'center' }}>
-      <div style={{ height: '600px', width: '357px', border: '1px solid grey' }}>
-        <LoadingSwapsQuotes
-          loadingComplete={loadingComplete}
-          onDone={() => setDone(true)}
-          aggregatorMetadata={storiesMetadata}
-        />
-      </div>
-    </div>
-  )
-}
-
-export const FasterThanExpectedCompletionWithError = () => {
-  const [loading, setLoading] = useState(false)
-  const [loadingComplete, setLoadingComplete] = useState(false)
-  const [done, setDone] = useState(false)
-
-  useEffect(() => {
-    if (!done && !loading) {
-      setLoading(true)
-      setTimeout(() => {
-        setLoading(false)
-        setLoadingComplete(true)
-      }, 3000)
-    }
-  }, [done, loading])
-
-  return (
-    <div style={{ display: 'flex', justifyContent: 'center', alignItems: 'center' }}>
-      <div style={{ height: '600px', width: '357px', border: '1px solid grey' }}>
-        <LoadingSwapsQuotes
-          loadingComplete={loadingComplete}
-          onDone={() => setDone(true)}
-          aggregatorMetadata={storiesMetadata}
-        />
-      </div>
-    </div>
-  )
-}