diff --git a/src/components/Grid.tsx b/src/components/Grid.tsx
index 56d2d2a..f9f281d 100644
--- a/src/components/Grid.tsx
+++ b/src/components/Grid.tsx
@@ -36,4 +36,4 @@ const Grid = () => {
   );
 };
 
-export default Grid;
\ No newline at end of file
+export default Grid;
diff --git a/src/components/OptionModal.css b/src/components/OptionModal.css
index fb4e777..aaea3ea 100644
--- a/src/components/OptionModal.css
+++ b/src/components/OptionModal.css
@@ -1,15 +1,15 @@
 .modal-content {
-    position: absolute;
-    left: 50%;
-    transform: translate(-50%, 0);
-    bottom: 40px;
-    border: 1px solid #ccc;
-    background: #ffffff;
-    overflow: auto;
-    -webkit-overflow-scrolling: touch;
-    border-radius: 4px;
-    outline: none;
-    padding: 20px;
+  position: absolute;
+  left: 50%;
+  transform: translate(-50%, 0);
+  bottom: 40px;
+  border: 1px solid #ccc;
+  background: #ffffff;
+  overflow: auto;
+  -webkit-overflow-scrolling: touch;
+  border-radius: 4px;
+  outline: none;
+  padding: 20px;
 }
 
 .modal-content > div {
diff --git a/src/components/OptionModal.tsx b/src/components/OptionModal.tsx
index 2716e22..c0d67ed 100644
--- a/src/components/OptionModal.tsx
+++ b/src/components/OptionModal.tsx
@@ -47,7 +47,7 @@ const OptionModal = () => {
   const handleXorMaskTypeChange = useCallback((evt: React.ChangeEvent<HTMLSelectElement>) => {
     dispatch(displayActions.setXorMaskType(evt.currentTarget.value as XorMaskType));
   }, [dispatch]);
-  
+
   const { t, i18n } = useTranslation();
   const handleLanguageChange = useCallback((evt: React.ChangeEvent<HTMLSelectElement>) => {
     i18n.changeLanguage(evt.currentTarget.value);
diff --git a/src/components/SelectionControl.tsx b/src/components/SelectionControl.tsx
index e1128de..f0885ca 100644
--- a/src/components/SelectionControl.tsx
+++ b/src/components/SelectionControl.tsx
@@ -79,9 +79,9 @@ const selectionControlSelector = createSelector(
           });
           let className = '';
           if (matchType === MatchType.match) {
-              className = 'match';
+            className = 'match';
           } else if (matchType === MatchType.online) {
-              className = 'online';
+            className = 'online';
           }
 
           pointControl.push({
@@ -186,4 +186,4 @@ const SelectionControl = () => {
   </>;
 };
 
-export default SelectionControl;
\ No newline at end of file
+export default SelectionControl;
diff --git a/src/components/StrokeCenterLine.css b/src/components/StrokeCenterLine.css
index 646ffcd..49ef3b6 100644
--- a/src/components/StrokeCenterLine.css
+++ b/src/components/StrokeCenterLine.css
@@ -2,4 +2,4 @@
   fill: none;
   stroke: #ffffff;
   stroke-width: 1px;
-}
\ No newline at end of file
+}
diff --git a/src/components/SubmitForm.tsx b/src/components/SubmitForm.tsx
index 6f92d7b..5f010a3 100644
--- a/src/components/SubmitForm.tsx
+++ b/src/components/SubmitForm.tsx
@@ -50,4 +50,4 @@ const SubmitForm = () => {
   );
 };
 
-export default SubmitForm;
\ No newline at end of file
+export default SubmitForm;
diff --git a/src/reducers/display.ts b/src/reducers/display.ts
index 100d5c2..88cd70f 100644
--- a/src/reducers/display.ts
+++ b/src/reducers/display.ts
@@ -66,7 +66,7 @@ const updateBuilder = (builder: ReducerBuilder<AppState>) => builder
     ...state,
     shotai,
   }))
-  
+
   .case(displayActions.setXorMaskType, (state, xorMaskType) => ({
     ...state,
     xorMaskType,
diff --git a/src/shortcuts.ts b/src/shortcuts.ts
index 5ffe136..9062047 100644
--- a/src/shortcuts.ts
+++ b/src/shortcuts.ts
@@ -1,5 +1,5 @@
 import { useDispatch } from 'react-redux';
-import { useHotkeys }from 'react-hotkeys-hook';
+import { useHotkeys } from 'react-hotkeys-hook';
 
 import { selectActions } from './actions/select';
 import { editorActions } from './actions/editor';