diff --git a/background-move/src/components/background.tsx b/background-move/src/components/layer.tsx
similarity index 86%
rename from background-move/src/components/background.tsx
rename to background-move/src/components/layer.tsx
index ba4d597..3febe17 100644
--- a/background-move/src/components/background.tsx
+++ b/background-move/src/components/layer.tsx
@@ -1,8 +1,8 @@
 import react from 'react';
 
-import '../theme/background.css';
+import '../theme/layer.css';
 
-const Background: react.FC<{
+const Layer: react.FC<{
   shift: { x: number; y: number };
   zoom: number;
   children?: JSX.Element;
@@ -28,4 +28,4 @@ const Background: react.FC<{
   );
 };
 
-export default Background;
+export default Layer;
diff --git a/background-move/src/components/viewport.tsx b/background-move/src/components/viewport.tsx
index b3e53f7..59aebc5 100644
--- a/background-move/src/components/viewport.tsx
+++ b/background-move/src/components/viewport.tsx
@@ -2,7 +2,7 @@ import react, { useCallback, useState } from 'react';
 
 import _ from 'lodash';
 
-import Background from './background';
+import Layer from './layer';
 
 import '../theme/viewport.css';
 
@@ -221,9 +221,9 @@ const Viewport: react.FC<{}> = (props: {}) => {
       onTouchEnd={touchEndHandler}
       onTouchCancel={mouseLeaveHandler}
     >
-      <Background shift={shift} zoom={zoom}>
+      <Layer shift={shift} zoom={zoom}>
         <img src='/assets/background.jpg' alt='' />
-      </Background>
+      </Layer>
     </div>
   );
 };
diff --git a/background-move/src/theme/background.css b/background-move/src/theme/layer.css
similarity index 100%
rename from background-move/src/theme/background.css
rename to background-move/src/theme/layer.css