diff --git a/cashtab/package-lock.json b/cashtab/package-lock.json
--- a/cashtab/package-lock.json
+++ b/cashtab/package-lock.json
@@ -1,12 +1,12 @@
 {
     "name": "cashtab",
-    "version": "2.32.4",
+    "version": "2.32.5",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
         "": {
             "name": "cashtab",
-            "version": "2.32.4",
+            "version": "2.32.5",
             "dependencies": {
                 "@bitgo/utxo-lib": "^9.33.0",
                 "@zxing/browser": "^0.1.4",
diff --git a/cashtab/package.json b/cashtab/package.json
--- a/cashtab/package.json
+++ b/cashtab/package.json
@@ -1,6 +1,6 @@
 {
     "name": "cashtab",
-    "version": "2.32.4",
+    "version": "2.32.5",
     "private": true,
     "scripts": {
         "start": "node scripts/start.js",
diff --git a/cashtab/src/components/Etokens/CreateToken.js b/cashtab/src/components/Etokens/CreateToken.js
--- a/cashtab/src/components/Etokens/CreateToken.js
+++ b/cashtab/src/components/Etokens/CreateToken.js
@@ -6,7 +6,7 @@
 import { WalletContext } from 'wallet/context';
 import { getWalletState } from 'utils/cashMethods';
 import { toXec } from 'wallet';
-import CreateTokenForm from './CreateTokenForm';
+import CreateTokenForm from 'components/Etokens/CreateTokenForm';
 import { AlertMsg } from 'components/Common/Atoms';
 import ApiError from 'components/Common/ApiError';
 import { supportedFiatCurrencies } from 'config/cashtabSettings';
diff --git a/cashtab/src/components/Etokens/CreateTokenForm.js b/cashtab/src/components/Etokens/CreateTokenForm/index.js
rename from cashtab/src/components/Etokens/CreateTokenForm.js
rename to cashtab/src/components/Etokens/CreateTokenForm/index.js
--- a/cashtab/src/components/Etokens/CreateTokenForm.js
+++ b/cashtab/src/components/Etokens/CreateTokenForm/index.js
@@ -3,7 +3,6 @@
 // file COPYING or http://www.opensource.org/licenses/mit-license.php.
 
 import React, { useState, useCallback, useEffect } from 'react';
-import styled from 'styled-components';
 import Modal from 'components/Common/Modal';
 import { WalletContext } from 'wallet/context';
 import {
@@ -38,81 +37,22 @@
 import { toast } from 'react-toastify';
 import Switch from 'components/Common/Switch';
 import { useNavigate } from 'react-router-dom';
-
-const Form = styled.div`
-    display: flex;
-    flex-direction: column;
-    gap: 12px;
-`;
-const SwitchRow = styled.div`
-    display: flex;
-    flex-direction: row;
-    gap: 12px;
-    align-items: center;
-`;
-const SwitchLabel = styled.div`
-    text-align: left;
-    color: ${props => props.theme.contrast};
-    font-size: 18px;
-`;
-const EditIcon = styled.div`
-    cursor: pointer;
-    color: ${props => props.theme.contrast};
-    &:hover {
-        color: ${props => props.theme.eCashBlue};
-    }
-    word-wrap: break-word;
-`;
-
-const TokenCreatedLink = styled.a`
-    color: ${props => props.theme.walletBackground};
-    text-decoration: none;
-`;
-
-const IconModalForm = styled.div`
-    display: flex;
-    flex-direction: column;
-    gap: 12px;
-    justify-content: center;
-`;
-const IconModalRow = styled.div`
-    display: flex;
-    width: 100%;
-    gap: 3px;
-`;
-const SliderLabel = styled.div`
-    color: ${props => props.theme.contrast};
-`;
-const SliderBox = styled.div`
-    width: 100%;
-`;
-const CropperContainer = styled.div`
-    height: 200px;
-    position: relative;
-`;
-
-const CreateTokenTitle = styled.h3`
-    color: ${props => props.theme.contrast};
-`;
-
-const TokenCreationSummaryTable = styled.div`
-    color: ${props => props.theme.contrast};
-    display: flex;
-    flex-direction: column;
-    justify-content: flex-start;
-    align-items: center;
-    gap: 3px;
-`;
-const SummaryRow = styled.div`
-    display: flex;
-    gap: 12px;
-    justify-content: flex-start;
-    align-items: start;
-    width: 100%;
-`;
-const TokenParam = styled.div`
-    word-break: break-word;
-`;
+import {
+    Form,
+    SwitchRow,
+    SwitchLabel,
+    EditIcon,
+    TokenCreatedLink,
+    IconModalForm,
+    IconModalRow,
+    SliderLabel,
+    SliderBox,
+    CropperContainer,
+    CreateTokenTitle,
+    TokenCreationSummaryTable,
+    SummaryRow,
+    TokenParam,
+} from 'components/Etokens/CreateTokenForm/styles';
 
 const CreateTokenForm = () => {
     const navigate = useNavigate();
diff --git a/cashtab/src/components/Etokens/CreateTokenForm/styles.js b/cashtab/src/components/Etokens/CreateTokenForm/styles.js
new file mode 100644
--- /dev/null
+++ b/cashtab/src/components/Etokens/CreateTokenForm/styles.js
@@ -0,0 +1,76 @@
+// Copyright (c) 2024 The Bitcoin developers
+// Distributed under the MIT software license, see the accompanying
+// file COPYING or http://www.opensource.org/licenses/mit-license.php.
+
+import styled from 'styled-components';
+
+export const Form = styled.div`
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+`;
+export const SwitchRow = styled.div`
+    display: flex;
+    flex-direction: row;
+    gap: 12px;
+    align-items: center;
+`;
+export const SwitchLabel = styled.div`
+    text-align: left;
+    color: ${props => props.theme.contrast};
+    font-size: 18px;
+`;
+export const EditIcon = styled.div`
+    cursor: pointer;
+    color: ${props => props.theme.contrast};
+    &:hover {
+        color: ${props => props.theme.eCashBlue};
+    }
+    word-wrap: break-word;
+`;
+export const TokenCreatedLink = styled.a`
+    color: ${props => props.theme.walletBackground};
+    text-decoration: none;
+`;
+export const IconModalForm = styled.div`
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+    justify-content: center;
+`;
+export const IconModalRow = styled.div`
+    display: flex;
+    width: 100%;
+    gap: 3px;
+`;
+export const SliderLabel = styled.div`
+    color: ${props => props.theme.contrast};
+`;
+export const SliderBox = styled.div`
+    width: 100%;
+`;
+export const CropperContainer = styled.div`
+    height: 200px;
+    position: relative;
+`;
+export const CreateTokenTitle = styled.h3`
+    color: ${props => props.theme.contrast};
+`;
+export const TokenCreationSummaryTable = styled.div`
+    color: ${props => props.theme.contrast};
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    align-items: center;
+    gap: 3px;
+`;
+export const SummaryRow = styled.div`
+    display: flex;
+    gap: 12px;
+    justify-content: flex-start;
+    align-items: start;
+    width: 100%;
+`;
+export const TokenParam = styled.div`
+    word-break: break-word;
+`;