diff --git a/web/newWebsite/styles/dashboard-styles.css b/web/newWebsite/styles/dashboard-styles.css
index cec98f5..ad12db7 100644
--- a/web/newWebsite/styles/dashboard-styles.css
+++ b/web/newWebsite/styles/dashboard-styles.css
@@ -205,43 +205,109 @@ body {
     top: 0; /* Position it at the very top */
     width: 100%; /* Make it span the full width of the page */
     z-index: 1000; /* Make sure it's above all other elements */
-}
-
-.navbar-nav {
+  }
+  
+  .navbar-nav {
     list-style: none;
     display: flex;
     align-items: center;
     justify-content: center; /* Center the links horizontally */
     height: 100%;
     width: 100%; /* Make it span the full width of the navbar */
-}
-
-.nav-item {
+  }
+  
+  .nav-item {
     margin-right: 20px;
-}
-
-.nav-link {
+  }
+  
+  .nav-link {
     color: #fff;
     text-decoration: none;
     font-size: 18px;
-}
-
-.plotly-container {
-    width: 100%;
-    float: bottom;
-    padding: 1vw;
-    align-items: center;
-    justify-content: center;
+  }
+  
+  .container {
     display: flex;
-}
-
-.js-plotly-plot {
-    width: 90%;
+    flex-direction: row;
+    align-items: center;
+    align-self: center;
+    border: 3px solid #ccc;
+    border-radius: 10px;
+    margin: 20px;
+    padding: 20px;
+    width: 95%;
+    box-sizing: border-box;
+  }
+  
+  .data-types {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    margin-right: 60px;
+    margin-bottom: 10px;
+    font-size: 0.8em;
+    padding: 8px;
+    border-radius: 5px;
+    background-color: #f0f0f0;
+  }
+  
+  .filters {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    width: 100%;
+    margin-bottom: 10px;
+  }
+  
+  .date-filter {
+    flex: 1;
+    text-align: center;
+    margin-right: 60px;
+    font-size: 1.2em; /* Increase font size for a bigger appearance */
+    padding: 8px;
+    border-radius: 5px; /* Add border radius for a rounded look */
+    background-color: #f0f0f0; /* Light background color for contrast */
+  }
+  
+  .node-filter {
+    flex: 1;
+    margin: auto;
+    text-align: center;
+    margin-right: 60px;
+    align-content: center;
+    font-size: 1.2em; /* Increase font size for a bigger appearance */
+    padding: 8px;
+    border-radius: 5px; /* Add border radius for a rounded look */
+    background-color: #f0f0f0; /* Light background color for contrast */
+  }
+  
+  .filter-button {
+    width: 10%;
+    background-color: #007bff;
+    color: white;
+    padding: 10px;
+    border: none;
+    border-radius: 5px;
+    cursor: pointer;
+  }
+  
+  .js-plotly-plot {
+    width: 100%;
     height: 100%;
-}
-
-.disabled {
-    opacity: 0;
-    height: 0;
-
-}
\ No newline at end of file
+    align-self: center center;
+  }
+  /* Additional styling as needed */
+  
+  .graphBody {
+    display: flex;
+    padding: 10px;
+    border: 3px solid #ccc;
+    border-radius: 10px;
+    justify-content: center;
+    width: 95%;
+    height: 100%;
+    align-content: center;
+    align-self: center;
+  }
+  
\ No newline at end of file