diff --git a/src/App.tsx b/src/App.tsx
index 9c53de6..9a0d704 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -6,7 +6,7 @@ import { ExcelHelper, ExcelDomain, SheetDomain } from "./utils/ExcelHelper";
 import { diff } from "./utils/Diff";
 import LeftHooks from "./components/Left";
 import RightHooks from "./components/Right";
-import DiffButtonHooks from "./components/DiffBtn";
+import CenterHooks from "./components/Center";
 import DiffResultHooks from "./components/DiffResult";
 
 import "handsontable/dist/handsontable.full.css";
@@ -113,7 +113,7 @@ function App() {
           />
         </Col>
         <Col span={2}>
-          <DiffButtonHooks
+          <CenterHooks
             btntext={diffBtnText}
             onDiffBtnClick={(e) => {
               diff(leftsheetdata, rightsheetdata, hotTableComponentDiffResult);
diff --git a/src/components/DiffBtn.tsx b/src/components/Center.tsx
similarity index 90%
rename from src/components/DiffBtn.tsx
rename to src/components/Center.tsx
index 6f10455..99bbc6c 100644
--- a/src/components/DiffBtn.tsx
+++ b/src/components/Center.tsx
@@ -8,7 +8,7 @@ interface DiffBtn {
   onSampleBtnClick(e: React.MouseEvent<HTMLElement, MouseEvent>): any;
 }
 
-const DiffButtonHooks = (props: DiffBtn) => {
+const CenterHooks = (props: DiffBtn) => {
   return (
     <div style={{ textAlign: "center" }}>
       <Button
@@ -33,4 +33,4 @@ const DiffButtonHooks = (props: DiffBtn) => {
   );
 };
 
-export default DiffButtonHooks;
+export default CenterHooks;