diff --git a/app/routes/_data.dns._index/domains.tsx b/app/routes/_data.dns._index/domains.tsx
index 1af81c1..4c2962e 100644
--- a/app/routes/_data.dns._index/domains.tsx
+++ b/app/routes/_data.dns._index/domains.tsx
@@ -120,7 +120,11 @@ export default function Domains({ baseDomain, searchDomains }: Properties) {
 						/>
 						<button
 							type='button'
-							className='text-sm text-blue-700'
+							className={clsx(
+								'text-sm text-blue-700',
+								newDomain.length === 0 ? 'opacity-50 cursor-not-allowed' : ''
+							)}
+							disabled={newDomain.length === 0}
 							onClick={() => {
 								fetcher.submit({
 								// eslint-disable-next-line @typescript-eslint/naming-convention
diff --git a/app/routes/_data.dns._index/route.tsx b/app/routes/_data.dns._index/route.tsx
index 394f09c..62ac091 100644
--- a/app/routes/_data.dns._index/route.tsx
+++ b/app/routes/_data.dns._index/route.tsx
@@ -144,7 +144,11 @@ export default function Page() {
 							/>
 							<button
 								type='button'
-								className='text-sm text-blue-700'
+								className={clsx(
+									'text-sm text-blue-700',
+									ns.length === 0 ? 'opacity-50 cursor-not-allowed' : ''
+								)}
+								disabled={ns.length === 0}
 								onClick={() => {
 									fetcher.submit({
 										// eslint-disable-next-line @typescript-eslint/naming-convention