diff --git a/src/components/SortingVisualizer.jsx b/src/components/SortingVisualizer.jsx
index d21ec0cd9c5da6411f8c965975aba72f0637aa10..1f698c1a8db213f61117fdb8f1fb8685cdb04821 100644
--- a/src/components/SortingVisualizer.jsx
+++ b/src/components/SortingVisualizer.jsx
@@ -10,9 +10,9 @@ import 'bootstrap/dist/css/bootstrap.min.css';
 
 function SortingVisualizer() {
 
-    const moduloFive = ((window.innerWidth / 45)).toFixed(0) % 5;
-    const monitorSize = (window.innerWidth / 45).toFixed(0) - moduloFive;
-    const [BarNumber, setBarNumber] = useState(() => monitorSize > 100 ? 100 : monitorSize); // max of 100 bars
+    // const moduloFive = ((window.innerWidth / 45)).toFixed(0) % 5;
+    // const monitorSize = (window.innerWidth / 45).toFixed(0) - moduloFive;
+    const [BarNumber, setBarNumber] = useState(50); // max of 100 bars
     const [bars, setbars] = useState(() => generateArray(BarNumber));
     const [sorting, setSorting] = useState(false);
     const [alreadySorted, setAlreadySorted] = useState();