From c89fb1a9f0a0336b1e7e380c695f8291b1e89d32 Mon Sep 17 00:00:00 2001
From: jdetok <jdeko17@gmail.com>
Date: Sat, 15 Aug 2026 10:32:38 -0500
Subject: [PATCH] applied margin to top and bottom in MetricsPanel

---
 Frontend/src/components/MetricsPanel.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/Frontend/src/components/MetricsPanel.jsx b/Frontend/src/components/MetricsPanel.jsx
index 34ec7c9..603d83f 100644
--- a/Frontend/src/components/MetricsPanel.jsx
+++ b/Frontend/src/components/MetricsPanel.jsx
@@ -20,7 +20,7 @@ const MetricsPanel = ({ selectedMetrics = [] }) => {
   };
 
   return (
-    <section style={{ marginTop: "20px" }}>
+    <section style={{ margin: "20px 0" }}>
       <h2 className="section-heading">Developer Metrics</h2>
 
       <div style={{ display: "grid", gridTemplateColumns: "1fr 1fr", gap: "20px" }}>