diff --git a/FullstackProsjekt/src/frontend/src/assets/main.css b/FullstackProsjekt/src/frontend/src/assets/main.css
index 0fdbc41e8198fc577b4b862f3711c9a2e0616f92..690e042f411a9b4cfbd1688318775d496251051d 100644
--- a/FullstackProsjekt/src/frontend/src/assets/main.css
+++ b/FullstackProsjekt/src/frontend/src/assets/main.css
@@ -4,7 +4,6 @@ body {
     background-color: #F2F2F2;
 }
 
-
 input {
     padding: 5px;
     border-radius: 5px;
@@ -76,6 +75,14 @@ select{
     color: #FFFFFF;
     border-radius: 10px;
 }
+.play-btn:hover {
+    background-color: #425575;
+    transition: 0.4s ;
+}
+.play-btn:active{
+    background-color: #425575;
+    transition: 0.2s ;
+}
 .edit-btn{
     padding: 10px;
     text-decoration: none;
diff --git a/FullstackProsjekt/src/frontend/src/components/shared/create-quiz/QuizCard.vue b/FullstackProsjekt/src/frontend/src/components/shared/create-quiz/QuizCard.vue
index a56765a8b59ef4d2ec94ebb3efebabbb345b259e..bb4ef37274d13e191ae7a5f9824cba62991f2eba 100644
--- a/FullstackProsjekt/src/frontend/src/components/shared/create-quiz/QuizCard.vue
+++ b/FullstackProsjekt/src/frontend/src/components/shared/create-quiz/QuizCard.vue
@@ -68,9 +68,7 @@ export default {
 </template>
 
 <style>
-.overViewQuestion-page{
-  padding: 50px;
-}
+
 
 .quiz-header{
   display: flex;
@@ -89,4 +87,8 @@ export default {
   padding-left: 25px;
   padding-right: 25px;
 }
+
+.play-btn {
+	margin-right: 10px;
+}
 </style>
\ No newline at end of file
diff --git a/FullstackProsjekt/src/frontend/src/views/OverviewQuizView.vue b/FullstackProsjekt/src/frontend/src/views/OverviewQuizView.vue
index 3ce325dc7a6aaadb90dfa8cdf0b11ac17693f6ff..a72fd5f2902f6602a955d01a0672462a546f7a1b 100644
--- a/FullstackProsjekt/src/frontend/src/views/OverviewQuizView.vue
+++ b/FullstackProsjekt/src/frontend/src/views/OverviewQuizView.vue
@@ -79,8 +79,5 @@ export default {
   justify-content: space-between;
 }
 
-#quizCard {
-  width: calc(50% - 10px);
-}
 
 </style>
\ No newline at end of file