diff --git a/README.md b/README.md
index 2d5011530e79b1a3d21c6ccc4ef71d302e3d8d57..3665a849a0cab26b4b109c9e493549d5a5e0ec2c 100644
--- a/README.md
+++ b/README.md
@@ -1,10 +1,9 @@
-# Sorting Visualizer 
+# Sorting Visualizer
 
 Sorting Visualizer demonstrates how Bubble Sort works through an interactive graphical interface.
 
----
-![unsorted](unsorted.png)
-![sorted](sorted.png)
-
-
 [Check it out](https://sorting-visualizer-stdarunte-0b3511e20a59a622aed5caf7134ac4faf2.h-da.io/)
+
+---
+![unsorted](screenshots/unsorted.png)
+![sorted](screenshots/sorted.png)
diff --git a/screenshots/sorted.png b/screenshots/sorted.png
new file mode 100644
index 0000000000000000000000000000000000000000..7ea4abf4bf5dc49e732ae8bfd23f930117045fe0
Binary files /dev/null and b/screenshots/sorted.png differ
diff --git a/screenshots/unsorted.png b/screenshots/unsorted.png
new file mode 100644
index 0000000000000000000000000000000000000000..6d69c000aecd902682b0ae8911e72719abee95e9
Binary files /dev/null and b/screenshots/unsorted.png differ
diff --git a/src/SortingVisualizer.jsx b/src/SortingVisualizer.jsx
index 2d4b98d8de4fa125c6f04bdd012f4eb526fc37b6..4f951911cf76d16b6a9f1ad0e5dede0a87bc2ed5 100644
--- a/src/SortingVisualizer.jsx
+++ b/src/SortingVisualizer.jsx
@@ -103,7 +103,7 @@ function SortingVisualizer() {
                            }} defaultValue={BarNumber}
                            value={BarNumber} style={{width: '50px', margin: '10px'}}/>
                     <div style={{background: 'gray', height: '85%', width: '2px'}}></div>
-                    <div className="SpeedLabel">Sorting-Speed: </div>
+                    <div className="SpeedLabel">Sorting-Speed:</div>
                     <button className="Button" disabled={sorting}
                             style={{background: `${sortSpeed == 100 ? 'green' : ''}`}}
                             onClick={() => setSortSpeed('100')}>Slow
diff --git a/src/main.jsx b/src/main.jsx
index 950305dd129e558819584f4a5ce859b8031ab26c..f6f78d40e75b2dcda1ca3348f56be48b874a90c8 100644
--- a/src/main.jsx
+++ b/src/main.jsx
@@ -1,10 +1,10 @@
-import { StrictMode } from 'react'
-import { createRoot } from 'react-dom/client'
+import {StrictMode} from 'react'
+import {createRoot} from 'react-dom/client'
 import SortingVisualizer from './SortingVisualizer.jsx'
 
 
 createRoot(document.getElementById('root')).render(
-  <StrictMode>
-    <SortingVisualizer />
-  </StrictMode>,
-)
+    <StrictMode>
+        <SortingVisualizer/>
+    </StrictMode>,
+)
\ No newline at end of file