diff --git a/public/scss/_detail.scss b/public/scss/_detail.scss
index 4c9a495..53af4ad 100644
--- a/public/scss/_detail.scss
+++ b/public/scss/_detail.scss
@@ -21,7 +21,6 @@ $grey: #F5F5F5;
   display: block;
   margin: 1em auto;
 }
-
 .detail-subtitle {
   font-size: 1.2em;
 }
@@ -37,7 +36,10 @@ $grey: #F5F5F5;
   background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
   margin: 0.2 0;
 }
-
 .detail-helper{
   padding: 1.1em;
 }
+.current-grade {
+  color: green;
+  float: right;
+}
diff --git a/src/components/career_detail.jsx b/src/components/career_detail.jsx
index 5e9c89a..57cb109 100644
--- a/src/components/career_detail.jsx
+++ b/src/components/career_detail.jsx
@@ -16,8 +16,8 @@ class CareerDetail extends Component {
             <p className='detail-item'>{ selected.description }</p>
             <hr className='line' />
             <h2 className='detail-subtitle'>Grades you need: </h2>
-            <p className='detail-item grade'>Bagrut: { selected.grade_bagrut } </p>
-            <p className='detail-item grade'>Psychometric: { selected.grade_psychometric }</p>
+            <p className='detail-item grade'>Bagrut: { selected.grade_bagrut } <span className="current-grade"> 11.30 </span></p>
+            <p className='detail-item grade'>Psychometric: { selected.grade_psychometric } <span className="current-grade"> 790 </span></p>
             <hr className='line' />
             <h2 className='detail-subtitle'>Universities offering this degree: </h2>
             <p className='detail-item'>{ selected.universities }</p>