Index: lams_central/web/css/components.css
===================================================================
diff -u -rbe7a59372762fcbc30a3bc00d449a7f1e4e2b0c6 -r989f22a0c998fff45aabca43d753612f0d8e4358
--- lams_central/web/css/components.css	(.../components.css)	(revision be7a59372762fcbc30a3bc00d449a7f1e4e2b0c6)
+++ lams_central/web/css/components.css	(.../components.css)	(revision 989f22a0c998fff45aabca43d753612f0d8e4358)
@@ -408,9 +408,24 @@
 }
 
 .component-page-wrapper .graph-con {
+	position: relative;
 	min-height: 12rem;
+	width: calc(100% - 8rem);
 }
 
+.component-page-wrapper .graph-con #myChart {
+	width: 25rem !important;
+	height: 12rem !important;
+	margin-left: -5rem;
+	margin-bottom: -5rem;
+	border: 0;
+}
+
+.component-page-wrapper .graph-col {
+	display: flex;
+	justify-content: space-between;
+}
+
 .component-page-wrapper .graph-col ul {
 	margin: auto 0;
 	width: 8rem;
@@ -448,34 +463,7 @@
 	background-color: #FD3CA5;
 }
 
-.component-page-wrapper .graph-grades-inner {
-	background-color: #fff;
-	box-shadow: 0px 20px 20px #2E384D1A;
-	border-radius: 1.2rem;
-	margin-top: 2rem;
-	padding: 1rem 1.5rem;
-}
 
-.component-page-wrapper .graph-star-col {
-	width: 5rem;
-}
-
-.component-page-wrapper .graph-star-col img {
-	width: 3rem;
-	max-width: 100%;
-}
-
-.component-page-wrapper .graph-star-col p {
-	color: #ACB5CC;
-	font-family: mont-bold, sans-serif;
-	text-transform: uppercase;
-	font-size: .7rem;
-	margin: 0;
-	margin-top: .4rem;
-	letter-spacing: 2px;
-}
-
-
 /* Switch */
 
 .switch input {