diff --git a/src/App.vue b/src/App.vue
index 91a9b854..0eae6714 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -214,5 +214,9 @@ label {
   background-color: #95B0B9;
 }
 
+.width-card-login{
+  max-width: 20em;
+}
+
 
 </style>
diff --git a/src/components/Authentication/Login.vue b/src/components/Authentication/Login.vue
index 02855c72..dc9933ef 100644
--- a/src/components/Authentication/Login.vue
+++ b/src/components/Authentication/Login.vue
@@ -1,5 +1,5 @@
 <template>
-  <div id="login">
+  <div class="width-card-login">
     <div class="card-body">
       <img src="../../assets/logo.png" class="rounded mx-auto d-block img-fluid" id="falkoLogoLogin">
 
@@ -93,10 +93,6 @@ export default {
 </script>
 
 <style>
-#login {
-  max-width: 20em;
-}
-
 #falkoLogoLogin {
   width: 11em;
   margin: 2.5em 0;
diff --git a/src/components/Authentication/Register.vue b/src/components/Authentication/Register.vue
index a5344991..8d666bb0 100644
--- a/src/components/Authentication/Register.vue
+++ b/src/components/Authentication/Register.vue
@@ -1,5 +1,5 @@
 <template>
-  <div id="register">
+  <div class="width-card-login">
     <div class="card-body">
       <img src="../../assets/logo.png" class="rounded mx-auto d-block img-fluid" id="falkoLogoRegister">
       <form id="registerForm" @submit.prevent="register()"  data-vv-scope="form-register">
@@ -124,10 +124,6 @@ export default {
 </script>
 
 <style>
-#register {
-  max-width: 20em;
-}
-
 #falkoLogoRegister {
   width: 11em;
   margin: 1.3em 0;
diff --git a/src/components/Issues/AddIssue.vue b/src/components/Issues/AddIssue.vue
index a4ab9c6c..27a43bfd 100644
--- a/src/components/Issues/AddIssue.vue
+++ b/src/components/Issues/AddIssue.vue
@@ -96,10 +96,6 @@ export default {
 
 <style scoped>
 
-#issueName {
-  color: #777;
-}
-
 #addButton {
 	margin-top: 2em;
 }
diff --git a/src/components/Issues/Issues.vue b/src/components/Issues/Issues.vue
index 91c14894..7bdb844a 100644
--- a/src/components/Issues/Issues.vue
+++ b/src/components/Issues/Issues.vue
@@ -195,26 +195,6 @@ p{
   white-space: nowrap;
 }
 
-.number-circle {
-  font: 32px Arial, sans-serif;
-
-  width: 0.5em;
-  height: 0.5em;
-  box-sizing: initial;
-
-  background: #fff;
-  border: 0.1em solid;
-  margin-right: 0.3em;
-  border-style: solid;
-  color: #7799A5;
-  border-radius: 50%;
-
-  line-height: 0.5em;
-  box-sizing: content-box;
-  top: 50%;
-  left: 50%;
-}
-
 .pagination {
   padding-bottom: 20px;
 }
diff --git a/src/components/Projects/Grade.vue b/src/components/Projects/Grade.vue
index 7f443f2c..c1d7ae8a 100644
--- a/src/components/Projects/Grade.vue
+++ b/src/components/Projects/Grade.vue
@@ -2,7 +2,7 @@
 	<div>
 		<div class="col justify-content-center" id="grade">
 			<div class="row justify-content-center">
-		    <div class="float-right number-circle">
+		    <div class="float-right number-circle-grade">
 		     	<div id="gradeFont"> {{this.grade}} </div>
 		    </div>
 			</div>
@@ -64,7 +64,7 @@
   }
 </script>
 <style>
-  .number-circle {
+  .number-circle-grade {
     font: 32px Arial, sans-serif;
 
     width: 1.8em;
diff --git a/src/components/Releases/AddRelease.vue b/src/components/Releases/AddRelease.vue
index d52168d5..f1c616e1 100644
--- a/src/components/Releases/AddRelease.vue
+++ b/src/components/Releases/AddRelease.vue
@@ -120,9 +120,6 @@ input {
   margin-bottom: 0.5em;
 }
 
-#releaseName {
-  color: #777;
-}
 #addReleaseButton {
   width: 100%;
   border-radius: 0;
diff --git a/src/components/Releases/ReleaseCard.vue b/src/components/Releases/ReleaseCard.vue
index dc51b10d..b0ab7889 100644
--- a/src/components/Releases/ReleaseCard.vue
+++ b/src/components/Releases/ReleaseCard.vue
@@ -60,12 +60,4 @@ export default {
   border-bottom: 2px solid #637074;
 }
 
-.falko-button-grey {
-  background-color: rgba(134, 142, 150, 0.5);
-}
-
-.number-circle-selected {
-  border: 0.2em solid rgba(98, 104, 110, 0.8);
-  color: rgba(98, 104, 110, 0.8);
-}
 </style>
diff --git a/src/components/Releases/Releases.vue b/src/components/Releases/Releases.vue
index 52c08cd1..0fd753c0 100644
--- a/src/components/Releases/Releases.vue
+++ b/src/components/Releases/Releases.vue
@@ -265,26 +265,6 @@ h5 {
   border-color: #7799A5;
 }
 
-.number-circle {
-  font: 32px Arial, sans-serif;
-
-  width: 2.5em;
-  height: 2.5em;
-  box-sizing: initial;
-
-  background: #fff;
-  border: 0.2em solid #7799A5;
-  border-style: solid;
-  color: #7799A5;
-  text-align: center;
-  border-radius: 50%;
-
-  line-height: 2.5em;
-  box-sizing: content-box;
-  top: 50%;
-  left: 50%;
-}
-
 .releasesBorder {
   border-right:1px solid #c3c3c3;
 }
diff --git a/src/components/Retrospective/EditRetrospective.vue b/src/components/Retrospective/EditRetrospective.vue
index 807dedbf..1eb13d04 100644
--- a/src/components/Retrospective/EditRetrospective.vue
+++ b/src/components/Retrospective/EditRetrospective.vue
@@ -108,15 +108,6 @@ export default {
 
 <style scoped>
 
-/* textarea {
-  width: 100%;
-  height: 15em;
-  padding: 1em;
-  background-color: white;
-  border: 1px solid rgba(0, 0, 0, 0.25);
-  color: #444;
-} */
-
 input::placeholder {
   color: #777;
 }
diff --git a/src/components/Score/Score.vue b/src/components/Score/Score.vue
index 88ed44a6..458a0114 100644
--- a/src/components/Score/Score.vue
+++ b/src/components/Score/Score.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <div class="float-right ">Points</div>
-    <div class="float-right number-circle">
+    <div class="float-right number-circle-score">
       <div id="pointsFont"> {{this.points}} </div>
     </div>
   </div>
@@ -14,7 +14,7 @@
 </script>
 
 <style scoped>
-  .number-circle {
+  .number-circle-score {
     font: 32px Arial, sans-serif;
 
     width: 0.5em;