diff --git a/tests/unit/component-tests/community-component-tests/__snapshots__/community-header.spec.js.snap b/tests/unit/component-tests/community-component-tests/__snapshots__/community-header.spec.js.snap
index e7df24bdd8074c7762732e44fcac5daf475f1c7d..30bc58a9142e8e5b02ef7f595d25c6b495848ea0 100644
--- a/tests/unit/component-tests/community-component-tests/__snapshots__/community-header.spec.js.snap
+++ b/tests/unit/component-tests/community-component-tests/__snapshots__/community-header.spec.js.snap
@@ -3,24 +3,31 @@
 exports[`CommunityHeader component renders correctly 1`] = `
 <div
   adminstatus="true"
-  class="flex place-content-center mx-4"
   community="[object Object]"
 >
+  
+  <!-- Main modal -->
+  <!--v-if-->
+  
   <div
-    class="loadingio-spinner-bean-eater-o5tefvffeqm"
+    class="flex place-content-center mx-4"
   >
     <div
-      class="ldio-sweozsnwol"
+      class="loadingio-spinner-bean-eater-o5tefvffeqm"
     >
-      <div>
-        <div />
-        <div />
-        <div />
-      </div>
-      <div>
-        <div />
-        <div />
-        <div />
+      <div
+        class="ldio-sweozsnwol"
+      >
+        <div>
+          <div />
+          <div />
+          <div />
+        </div>
+        <div>
+          <div />
+          <div />
+          <div />
+        </div>
       </div>
     </div>
   </div>
diff --git a/tests/unit/component-tests/community-component-tests/__snapshots__/create-new-group.spec.js.snap b/tests/unit/component-tests/community-component-tests/__snapshots__/create-new-group.spec.js.snap
index e3a0811fb62bb0a919a31fa7a987b7bf16e599bf..9888519e7bc965cf1feeadf34dc0c6053e58a2fc 100644
--- a/tests/unit/component-tests/community-component-tests/__snapshots__/create-new-group.spec.js.snap
+++ b/tests/unit/component-tests/community-component-tests/__snapshots__/create-new-group.spec.js.snap
@@ -152,6 +152,7 @@ exports[`CreateNewGroup elements rendering renders correctly 1`] = `
     class="flex justify-center mt-10 float-right"
   >
     <button-stub
+      buttoncolor="blue"
       id="saveButton"
       text="Lagre"
     />
diff --git a/tests/unit/component-tests/community-component-tests/__snapshots__/new-item-form.spec.js.snap b/tests/unit/component-tests/community-component-tests/__snapshots__/new-item-form.spec.js.snap
index 0fb93e452e415b69e0155700117307baef0361ef..077fa95d85dac09fe48caeef8f17d9cb68dfc46c 100644
--- a/tests/unit/component-tests/community-component-tests/__snapshots__/new-item-form.spec.js.snap
+++ b/tests/unit/component-tests/community-component-tests/__snapshots__/new-item-form.spec.js.snap
@@ -215,7 +215,7 @@ exports[`NewItemForm component renders correctly 1`] = `
       type="file"
     />
     <button
-      class="block text-white bg-primary-medium hover:bg-primary-dark focus:ring-4 focus:outline-none focus:ring-primary-light font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-primary-medium dark:hover:bg-primary-dark dark:focus:ring-primary-light"
+      class="flex items-center px-2 py-2 font-medium tracking-wide capitalize text-white transition-colors duration-200 transform rounded-md focus:outline-none focus:ring focus:ring-opacity-80 min-w-{20px} bg-primary-medium hover:bg-primary-dark focus:ring-primary-light"
     >
       Velg bilde
     </button>
@@ -227,7 +227,7 @@ exports[`NewItemForm component renders correctly 1`] = `
     class="float-right"
   >
     <button
-      class="block text-white bg-primary-medium hover:bg-primary-dark focus:ring-4 focus:outline-none focus:ring-primary-light font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-primary-medium dark:hover:bg-primary-dark dark:focus:ring-primary-light"
+      class="flex items-center px-2 py-2 font-medium tracking-wide capitalize text-white transition-colors duration-200 transform rounded-md focus:outline-none focus:ring focus:ring-opacity-80 min-w-{20px} bg-primary-medium hover:bg-primary-dark focus:ring-primary-light"
       id="saveButton"
     >
       Lagre
diff --git a/tests/unit/component-tests/user-component-tests/__snapshots__/login-form.spec.js.snap b/tests/unit/component-tests/user-component-tests/__snapshots__/login-form.spec.js.snap
index 1576edbeb3f100ee0d5beea86937dfeffa3748fe..f6bd34180d6771f7dd2f7982bdf4989f1e9928db 100644
--- a/tests/unit/component-tests/user-component-tests/__snapshots__/login-form.spec.js.snap
+++ b/tests/unit/component-tests/user-component-tests/__snapshots__/login-form.spec.js.snap
@@ -49,7 +49,7 @@ exports[`LoginForm component renders correctly 1`] = `
           Glemt passord?
         </router-link>
         <button
-          class="block text-white bg-primary-medium hover:bg-primary-dark focus:ring-4 focus:outline-none focus:ring-primary-light font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-primary-medium dark:hover:bg-primary-dark dark:focus:ring-primary-light login"
+          class="flex items-center px-2 py-2 font-medium tracking-wide capitalize text-white transition-colors duration-200 transform rounded-md focus:outline-none focus:ring focus:ring-opacity-80 min-w-{20px} bg-primary-medium hover:bg-primary-dark focus:ring-primary-light login"
         >
           Logg på
         </button>
diff --git a/tests/unit/component-tests/user-component-tests/__snapshots__/new-password-form.spec.js.snap b/tests/unit/component-tests/user-component-tests/__snapshots__/new-password-form.spec.js.snap
index 129085284ce0c40121b0be19e799ac65b7361f12..941fc2aaf4c6fd0b024cde59276a29a4af11813f 100644
--- a/tests/unit/component-tests/user-component-tests/__snapshots__/new-password-form.spec.js.snap
+++ b/tests/unit/component-tests/user-component-tests/__snapshots__/new-password-form.spec.js.snap
@@ -72,7 +72,7 @@ exports[`NewPasswordForm component renders correctly 1`] = `
     id="buttonsField"
   >
     <button
-      class="block text-white bg-primary-medium hover:bg-primary-dark focus:ring-4 focus:outline-none focus:ring-primary-light font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-primary-medium dark:hover:bg-primary-dark dark:focus:ring-primary-light float-right"
+      class="flex items-center px-2 py-2 font-medium tracking-wide capitalize text-white transition-colors duration-200 transform rounded-md focus:outline-none focus:ring focus:ring-opacity-80 min-w-{20px} bg-primary-medium hover:bg-primary-dark focus:ring-primary-light float-right"
     >
       Sett ny passord
     </button>
diff --git a/tests/unit/component-tests/user-component-tests/__snapshots__/register-user-component.spec.js.snap b/tests/unit/component-tests/user-component-tests/__snapshots__/register-user-component.spec.js.snap
index 8adae3ffa2833611c6e3da43443b7e2a381b4e3f..193cbfa3c50d17fb2f50c439c23fe6b0031c3d33 100644
--- a/tests/unit/component-tests/user-component-tests/__snapshots__/register-user-component.spec.js.snap
+++ b/tests/unit/component-tests/user-component-tests/__snapshots__/register-user-component.spec.js.snap
@@ -86,7 +86,7 @@ exports[`RegisterFormComponent renders correctly 1`] = `
       class="flex justify-end mt-6"
     >
       <button
-        class="block text-white bg-primary-medium hover:bg-primary-dark focus:ring-4 focus:outline-none focus:ring-primary-light font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-primary-medium dark:hover:bg-primary-dark dark:focus:ring-primary-light"
+        class="flex items-center px-2 py-2 font-medium tracking-wide capitalize text-white transition-colors duration-200 transform rounded-md focus:outline-none focus:ring focus:ring-opacity-80 min-w-{20px} bg-primary-medium hover:bg-primary-dark focus:ring-primary-light"
       >
         Opprett
       </button>
diff --git a/tests/unit/component-tests/user-component-tests/__snapshots__/reset-password-form.spec.js.snap b/tests/unit/component-tests/user-component-tests/__snapshots__/reset-password-form.spec.js.snap
index 7b7c1ace2fabdd62b5a782799ce6d1f71ba8bfb1..40a038afb49c611841f534b60c65fd7a2ee740ee 100644
--- a/tests/unit/component-tests/user-component-tests/__snapshots__/reset-password-form.spec.js.snap
+++ b/tests/unit/component-tests/user-component-tests/__snapshots__/reset-password-form.spec.js.snap
@@ -34,7 +34,7 @@ exports[`ResetPasswordForm component renders correctly 1`] = `
       
     </div>
     <button
-      class="block text-white bg-primary-medium hover:bg-primary-dark focus:ring-4 focus:outline-none focus:ring-primary-light font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-primary-medium dark:hover:bg-primary-dark dark:focus:ring-primary-light float-right"
+      class="flex items-center px-2 py-2 font-medium tracking-wide capitalize text-white transition-colors duration-200 transform rounded-md focus:outline-none focus:ring focus:ring-opacity-80 min-w-{20px} bg-primary-medium hover:bg-primary-dark focus:ring-primary-light float-right"
     >
       Tilbakestill passord
     </button>