diff --git a/css/styles.css b/css/styles.css
index 17a8f5c..fd62998 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -7484,7 +7484,7 @@ button.bg-black:focus {
   position: fixed;
   top: 0;
   right: 0;
-  left: 0;
+  left: 95%;
   z-index: 1030;
 }
 
diff --git a/index.html b/index.html
index 8b71f8b..bd2ee53 100644
--- a/index.html
+++ b/index.html
@@ -112,19 +112,19 @@ <h2 class="text-white mb-4">DDD Filter applications in the Network</h2>
                   </div>
 
 
-                  <div id="main">
+                  <nav class="fixed-top" style="padding-top: 0;" id="main">
                     <button class="openbtn" onclick="openNav()">☰</button>
-                  </div>
+                  </nav>
 
                   <script>
                     function openNav() {
                       document.getElementById("mySidebar").style.height = "250px";
-                      document.getElementById("main").style.marginTop = "75px";
+                      document.getElementById("main").style.marginTop = "250px";
                     }
 
                     function closeNav() {
                       document.getElementById("mySidebar").style.height = "0";
-                      document.getElementById("main").style.marginTop= "0";
+                      document.getElementById("main").style.marginTop= "0px";
                     }
                     </script>
 
diff --git a/js/canvas.js b/js/canvas.js
index f2ab5ac..fc0f47b 100644
--- a/js/canvas.js
+++ b/js/canvas.js
@@ -141,21 +141,21 @@ async function startSimulation() {
 
 
     // Initialize the entity objects
-    let garbage = new Garbage(700, 400);
-    let client = new Client(100, 80, undefined, packetsPerTimeUnit);
-    let router = new Router(800, 80, client, packetsPerTimeUnit);
+    let garbage = new Garbage(700, 520);
+    let client = new Client(100, 200, undefined, packetsPerTimeUnit);
+    let router = new Router(800, 200, client, packetsPerTimeUnit);
 
     if (dddState) {
-        var ddd = new DDD(400, 80, client, packetsPerTimeUnit, nPorts);
+        var ddd = new DDD(400, 200, client, packetsPerTimeUnit, nPorts);
         ddd.garbage = garbage;
         router.nextEntity = ddd;
     }
-    let server = new Server(1200, 80, router, packetsPerTimeUnit);
+    let server = new Server(1200, 200, router, packetsPerTimeUnit);
     client.nextEntity = server;
     garbage.nextEntity = server;
     garbage.packetsPerTimeUnit = 1;
 
-    let attacker = new Attacker(1500, 80, server, packetsPerTimeUnit);
+    let attacker = new Attacker(1500, 200, server, packetsPerTimeUnit);
     let packetsList = createPackets(totalPackets, attacker, nPorts);
     attacker.queue = packetsList;