update styles

src/app/components/PieChartComponent.tsx

@@ -44,7 +44,7 @@ export const PieChartComponent = ({ data, show }: {
 					</Pie>
 				</PieChart>
 			</ResponsiveContainer>
-			<div className="flex gap-6">
+			<div className="flex gap-6 mt-4">
 				{data.map((entry, index) => (
 					<div key={`cell-${index}`} className="">
 						<span className="w-2 h-2 rounded-full font-bold inline-block mr-1.5" style={{ backgroundColor: entry.color }}></span>

src/app/styles/pages-styles.scss

@@ -57,7 +57,7 @@
 
 		&.opened {
 			grid-template-areas: "aaa ccc ccc" "bbb ccc ccc";
-			height: 254px;
+			height: 270px;
 		}
 	}
 
@@ -195,6 +195,7 @@
 		padding: 0 20px;
 		display: flex;
 		justify-content: center;
+		padding-top: 20px;
 	}
 
 	&-switch {
@@ -244,6 +245,7 @@
 			justify-content: start;
 			padding-left: 20px;
 			font-weight: 500;
+			border-left: 1px solid v.$b-color-1;;
 
 			.icon {
 				margin-right: 10px;
@@ -262,6 +264,14 @@
 			}
 		}
 
+		&.last-column {
+			border-right: 1px solid v.$b-color-1;;
+		}
+
+		&.last-row {
+			border-bottom: 1px solid v.$b-color-1;;
+		}
+
 		&.second-row {
 			border-top: none;
 		}