diff --git a/src/SortingVisualizer.css b/src/SortingVisualizer.css
index 91b92669ec2bf48990be410f3d4567f56a909d9b..241a3d6342b1fde3e1aee1a51f153f2c06be8aef 100644
--- a/src/SortingVisualizer.css
+++ b/src/SortingVisualizer.css
@@ -89,9 +89,6 @@ button:active {
     align-items: flex-end;
     overflow: hidden;
     height: 400px;
-/
-
-
 }
 
 #dropdown-menu {
@@ -178,3 +175,18 @@ button:active {
         transform: scale(1);
     }
 }
+
+@media (max-width: 860px) {
+    #ToolBar {
+        flex-direction: column;
+        height: auto;
+    }
+
+    .Divider {
+        display: none;
+    }
+
+    .DivArray {
+        margin-top: 210px;
+    }
+}
\ No newline at end of file
diff --git a/src/SortingVisualizer.jsx b/src/SortingVisualizer.jsx
index a121af385a8a93dbfb830bb5ac9e147fe394c299..066cd9b7dcec99bde12176858b3acf28ccc72b26 100644
--- a/src/SortingVisualizer.jsx
+++ b/src/SortingVisualizer.jsx
@@ -7,6 +7,7 @@ import 'react-bootstrap-range-slider/dist/react-bootstrap-range-slider.css';
 import {Dropdown} from 'react-bootstrap';
 import 'bootstrap/dist/css/bootstrap.min.css';
 
+
 function SortingVisualizer() {
 
     const moduloFive = ((window.innerWidth / 45)).toFixed(0) % 5;