diff --git a/templates/temp_index.html b/templates/temp_index.html
index 6aecb51..d2f9715 100644
--- a/templates/temp_index.html
+++ b/templates/temp_index.html
@@ -38,7 +38,8 @@ <h3 class="text-white-50 mx-auto mt-2 mb-5">This is a simulation project, implem
             <div id="mySidebar" class="sidebar">
                 <div id="UserInputCol" style="float:left">
                     <form style="padding-top: 30px; padding-left: 30px;"">
-                        <div stye="float:top">
+                        <div style="float:top">
+                          <div id ="firstColumn" style ="float:left">
                             <label>Attacker Tranmission Rate (MB per seconds):</label>
                             <input type="number" id="attackerSendRate" name="attackerSendRate" value=3><br>
 
@@ -85,7 +86,10 @@ <h3 class="text-white-50 mx-auto mt-2 mb-5">This is a simulation project, implem
 
                             <label>Number of SynAck resends:</label>
                             <input type="number" id="numbSynAckResends" name="numbSynAckResends" value=3><br>
+                          </div>
 
+
+                          <div id="secondColumn" style ="float:right">
                             <label>Client to Router Bandwidth (MB/s):</label>
                             <input type="number" id="clienttoRouter" name="clienttoRouter" value=3><br>
 
@@ -114,8 +118,11 @@ <h3 class="text-white-50 mx-auto mt-2 mb-5">This is a simulation project, implem
                             <input type="checkbox" id="DDDstate" name="DDDstate" ,="" checked="true">
 
                             <input style="padding-left: 20px; padding-top:10px" type="file" id ="myFile" multiple size="50" onchange="openFile()">
+                          </div>
+
                         </div>
 
+
                         <div id="checkboxRowOne" style="float:bottom">
                             <div style="float:left; padding-top: 10px">
                                 <label>Skip Animation</label><br>
@@ -169,8 +176,8 @@ <h3 class="text-white-50 mx-auto mt-2 mb-5">This is a simulation project, implem
                             }
                             function showUI(){
                                 $("#UserInputCol").show();
-                                document.getElementById("mySidebar").style.height = "750px";
-                                document.getElementById("main").style.marginTop = "750px";
+                                document.getElementById("mySidebar").style.height = "600px";
+                                document.getElementById("main").style.marginTop = "600px";
                             }
                         </script>
                     </div>
@@ -246,12 +253,12 @@ <h3 class="text-white-50 mx-auto mt-2 mb-5">This is a simulation project, implem
 
                   <script>
                     function openNav() {
-                      if(document.getElementById("mySidebar").style.height == "750px"){
+                      if(document.getElementById("mySidebar").style.height == "600px"){
                         closeNav();
                       }
                       else{
-                        document.getElementById("mySidebar").style.height = "750px";
-                        document.getElementById("main").style.marginTop = "750px";
+                        document.getElementById("mySidebar").style.height = "600px";
+                        document.getElementById("main").style.marginTop = "600px";
 
                       }
                     }