diff --git a/src/index.tsx b/src/index.tsx
index 860d1b2d..0091a1e9 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -26,7 +26,7 @@ import Radio from './loader/Radio'
 import ProgressBar from './loader/ProgressBar'
 import MagnifyingGlass from './loader/MagnifyingGlass'
 import FidgetSpinner from './loader/FidgetSpinner'
-import DNA from './loader/Dna'
+import Dna from './loader/Dna'
 import Discuss from './loader/Discuss'
 import ColorRing from './loader/ColorRing'
 import Comment from './loader/Comment'
@@ -42,7 +42,7 @@ export {
   ColorRing,
   Comment,
   Discuss,
-  DNA,
+  Dna,
   Grid,
   FallingLines,
   FidgetSpinner,
diff --git a/test/loader/Dna.spec.tsx b/test/loader/Dna.spec.tsx
index d971b95c..38a80474 100644
--- a/test/loader/Dna.spec.tsx
+++ b/test/loader/Dna.spec.tsx
@@ -1,12 +1,12 @@
 import React from 'react'
-import { DNA } from '../../src'
+import { Dna } from '../../src'
 import { render, screen } from '@testing-library/react'
 
 const svgTestId = 'dna-svg'
 
-describe('DNA', () => {
+describe('Dna', () => {
   test('should render properly with default props', () => {
-    render(<DNA />)
+    render(<Dna />)
     const component = screen.getByTestId(svgTestId)
     expect(component).toBeDefined()
     expect(component).toHaveAttribute('aria-label', 'dna-loading')
@@ -18,7 +18,7 @@ describe('DNA', () => {
 
   test('should render with custom props', () => {
     render(
-      <DNA
+      <Dna
         height={200}
         width={200}
         ariaLabel="test-aria-label"
@@ -37,7 +37,7 @@ describe('DNA', () => {
     expect(component).toHaveAttribute('width', '200')
   })
   test('should be hidden when visible is false', () => {
-    render(<DNA visible={false} />)
+    render(<Dna visible={false} />)
     const element = screen.queryAllByTestId(svgTestId)
     expect(element).toEqual([])
   })