change size of boxes

src/Map.jsx

@@ -176,6 +176,7 @@ function MapView() {
       });
 
 
+
     // Add text labels for topic names
     g
       .selectAll("rect.topic-label-background")
@@ -198,7 +199,7 @@ function MapView() {
         const textLength = first10Words.length * 8; // Adjust the multiplier for width as needed
         return textLength;
       })
-      .attr("height", 40) // Set the height of the white box
+      .attr("height", 30) // Set the height of the white box
       .style("fill", "white") // Set the white fill color
       .style("stroke", "grey") // Set the blue border color
       .style("stroke-width", 2); // Set the border width
@@ -358,6 +359,7 @@ function MapView() {
               null
             )}
           </div>
+
         </div>
       )}
     </div>

src/index.css

@@ -106,8 +106,10 @@ h2 {
 .text-container p {
   margin: 10px;
   padding: 2px 0;
+
 }
 
+
 /* Style for the scatter plot circles */
 circle {
   cursor: pointer;