diff --git a/src/app/components/pages/about/about.component.html b/src/app/components/pages/about/about.component.html
index 651cf35..a5b8011 100644
--- a/src/app/components/pages/about/about.component.html
+++ b/src/app/components/pages/about/about.component.html
@@ -3,7 +3,7 @@ <h1 align="center" class="h6-about">Welcome to Neptun!</h1>
   <div align="center">
     <img src="./../../../../assets/logo.png" alt="Logo" width="350" />
   </div>
-  <div class="container">
+  <div class="box_row">
     <div class="row">
       <div class="col-md-4">
         <div class="about-page-border" align="center">
@@ -18,11 +18,11 @@ <h4 class="h4-about">Tromsø</h4>
         </div>
       </div>
       <div class="col-md-4">
-          <div class="about-page-border" align="center">
-            <h4 class="h4-about">{{get_todo_count()}}</h4>
-            <p class="p-about1">TODOs in total!</p>
-          </div>
+        <div class="about-page-border" align="center">
+          <h4 class="h4-about">{{todoLength}}</h4>
+          <p class="p-about1">TODOs in total!</p>
         </div>
+      </div>
     </div>
   </div>
 
diff --git a/src/app/components/pages/about/about.component.scss b/src/app/components/pages/about/about.component.scss
index 4f30784..e3c8324 100644
--- a/src/app/components/pages/about/about.component.scss
+++ b/src/app/components/pages/about/about.component.scss
@@ -60,4 +60,9 @@
     padding-left: 10%;
     padding-right: 10%;
     color: $primary-color;
+}
+
+.box_row {
+    padding-left: 10px;
+    padding-right: 10px;
 }
\ No newline at end of file
diff --git a/src/app/components/pages/about/about.component.ts b/src/app/components/pages/about/about.component.ts
index 552af6a..1d6baf7 100644
--- a/src/app/components/pages/about/about.component.ts
+++ b/src/app/components/pages/about/about.component.ts
@@ -7,13 +7,12 @@ import {TodoService} from './../../../todo.service';
   styleUrls: ['./about.component.scss']
 })
 export class AboutComponent implements OnInit {
+  
+  todoLength = 0;
 
   constructor(private todoService: TodoService) { }
 
   ngOnInit() {
-  }
-
-  get_todo_count() {
-    return this.todoService.get_Todos_Length();
+    this.todoLength = this.todoService.getAllTodos().length;
   }
 }
diff --git a/src/app/todo.service.ts b/src/app/todo.service.ts
index 23da2ea..84b1ffc 100644
--- a/src/app/todo.service.ts
+++ b/src/app/todo.service.ts
@@ -69,8 +69,4 @@ export class TodoService {
       }
     });
   }
-
-  get_Todos_Length(): number {
-    return this.todos.length;
-  }
 }