diff --git a/index.html b/index.html
index 4a80443..f2e4551 100644
--- a/index.html
+++ b/index.html
@@ -363,8 +363,8 @@ <h3>Grada</h3>
         Create Dataset
       </button>
 
-      <button class="btn btn-orange" onclick="createFlatter()">
-        Add Flatter
+      <button class="btn btn-orange" onclick="createFlattener()">
+        Add Flattener
       </button>
 
       <button class="btn btn-green" onclick="createLayer()">Add Layer</button>
@@ -455,7 +455,7 @@ <h3>Grada</h3>
 
     <script src="js/HandWritten/DigitInputGrid.js"></script>
     <script src="js/HandWritten/DigitInput.js"></script>
-    <script src="js/HandWritten/Flatter.js"></script>
+    <script src="js/HandWritten/Flattener.js"></script>
     <script src="js/HandWritten/DigitOutput.js"></script>
 
     <script src="js/Draw/NeuronView.js"></script>
diff --git a/js/Draw/MLP/Playable.js b/js/Draw/MLP/Playable.js
index 5af7a79..0314076 100644
--- a/js/Draw/MLP/Playable.js
+++ b/js/Draw/MLP/Playable.js
@@ -145,7 +145,7 @@ class Playable extends Draggable {
     this.updateStatus(
       +(
         (input instanceof InputLayer ||
-          (input instanceof Flatter && input.source)) &&
+          (input instanceof Flattener && input.source)) &&
         (this.isEval() || this.getOutput() instanceof OutputLayer)
       ),
     );
diff --git a/js/HandWritten/Flatter.js b/js/HandWritten/Flattener.js
similarity index 98%
rename from js/HandWritten/Flatter.js
rename to js/HandWritten/Flattener.js
index 6c07f29..fe74a4e 100644
--- a/js/HandWritten/Flatter.js
+++ b/js/HandWritten/Flattener.js
@@ -1,4 +1,4 @@
-class Flatter extends Component {
+class Flattener extends Component {
   constructor(x, y) {
     super(x, y, 275);
     this.shrank = true;
@@ -168,7 +168,7 @@ class Flatter extends Component {
       { func: "textAlign", args: [CENTER, CENTER] },
       {
         func: "text",
-        args: ["Flatter", middleX, this.y - 10],
+        args: ["Flattener", middleX, this.y - 10],
       },
     ];
 
diff --git a/js/script.js b/js/script.js
index 60d2b4a..0bc0f39 100644
--- a/js/script.js
+++ b/js/script.js
@@ -5,8 +5,8 @@ function createHandWritten() {
   mainOrganizer.addComponent(new DigitOutput(800, 100));
 }
 
-function createFlatter() {
-  mainOrganizer.addComponent(new Flatter(400, 100));
+function createFlattener() {
+  mainOrganizer.addComponent(new Flattener(400, 100));
 }
 
 function createLayer() {