diff --git a/public/app.js b/public/app.js
index 677207c..cd929af 100644
--- a/public/app.js
+++ b/public/app.js
@@ -37,6 +37,7 @@ function updatePieChart() {
   }
 
   pieChartContainer.style.display = 'block';
+  pieChartContainer.style.zIndex = '9999';
 
   const colors = Object.keys(colorDistribution);
   const data = colors.map(color => colorDistribution[color]);
diff --git a/public/index.html b/public/index.html
index 20833e0..fb95f85 100644
--- a/public/index.html
+++ b/public/index.html
@@ -23,7 +23,7 @@
   <div class="container" id="nodeContainer"></div>
 
   <div id="network"></div>
-  <div id="pieChartContainer" style="display: none; position: fixed; top: 10px; left: 10px; background-color: rgba(255, 255, 255, 0.8); padding: 10px; border-radius: 5px; z-index: 1000;">
+  <div id="pieChartContainer" style="display: none; position: fixed; top: 10px; left: 10px; background-color: rgba(255, 255, 255, 0.8); padding: 10px; border-radius: 5px; z-index: 9999; box-shadow: 0 0 10px rgba(0,0,0,0.5);">
     <canvas id="pieChart" width="200" height="200"></canvas>
     <div id="colorDistribution"></div>
   </div>