diff --git a/src/app/points.component.html b/src/app/points.component.html
index cea4e0b..1258f5e 100644
--- a/src/app/points.component.html
+++ b/src/app/points.component.html
@@ -1,3 +1,5 @@
 <button class="btn btn-light" (click)="change()" >
-    <span *ngIf="isPositive()">+</span> {{amount}}
+    <span [ngClass]="{'extraLarge' : isExtraLarge() } ">
+        <span *ngIf="isPositive()">+</span> {{amount}}
+    </span>
 </button>
diff --git a/src/app/points.component.sass b/src/app/points.component.sass
index 2894e1d..703dd43 100644
--- a/src/app/points.component.sass
+++ b/src/app/points.component.sass
@@ -3,4 +3,6 @@
     margin: 4%
     font-family: Garamond
     font-weight: bold
-    font-size: 1.5em
\ No newline at end of file
+    font-size: 1.3em
+.extraLarge
+    font-size: 1.7em
\ No newline at end of file
diff --git a/src/app/points.component.ts b/src/app/points.component.ts
index 8ccdaf5..da90e51 100644
--- a/src/app/points.component.ts
+++ b/src/app/points.component.ts
@@ -18,4 +18,9 @@ export class PointsComponent {
     isPositive() {
         return this.amount > 0;
     }
+
+    
+    isExtraLarge() {
+        return this.amount == 10;
+    }
 }
\ No newline at end of file