diff --git a/src/components/CommunityComponents/NewCommunityForm.vue b/src/components/CommunityComponents/NewCommunityForm.vue
index ed7394f5809b6232b0091261c47fbea7d4cb0919..c6b2a8eeb0d5fb92208c601e926a745f030d2b85 100644
--- a/src/components/CommunityComponents/NewCommunityForm.vue
+++ b/src/components/CommunityComponents/NewCommunityForm.vue
@@ -2,7 +2,7 @@
   <div class="md:ring-1 ring-gray-300 rounded-xl overflow-hidden mx-auto mb-auto max-w-md w-full p-4">
     <!-- Component heading -->
     <div
-      class="text-2xl font-medium text-center text-gray-600 dark:text-gray-200 mt-4 mb-8"
+      class="text-xl md:text-2xl font-medium text-center text-gray-600 dark:text-gray-200 mt-4 mb-10"
     >
       Opprett ny gruppe
     </div>
@@ -54,9 +54,9 @@
     <!-- Title -->
     <div class="mt-6" :class="{ error: v$.group.name.$errors.length }">
       <label
-        class="block mb-2 text-sm font-medium text-gray-900 dark:text-gray-300"
-        id="titleLabel"
-        >Gruppenavn</label
+          class="block mb-2 text-sm font-medium text-gray-900 dark:text-gray-400"
+          id="selectCategoryLabel"
+      >Gruppenavn</label
       >
       <input
         type="text"
@@ -81,8 +81,9 @@
     <!-- Place -->
     <div class="mt-6" :class="{ error: v$.group.place.$errors.length }">
       <label
-        class="block mb-2 text-sm font-medium text-gray-900 dark:text-gray-300"
-        >By/Sted</label
+          class="block mb-2 text-sm font-medium text-gray-900 dark:text-gray-400"
+          id="selectCategoryLabel"
+      >By/Sted</label
       >
       <input
         type="text"
@@ -106,9 +107,9 @@
     <!-- Description -->
     <div class="mt-6" :class="{ error: v$.group.description.$errors.length }">
       <label
-        class="block mb-2 text-sm font-medium text-gray-900 dark:text-gray-400"
-        id="descriptionLabel"
-        >Beskrivelse</label
+          class="block mb-2 text-sm font-medium text-gray-900 dark:text-gray-400"
+          id="selectCategoryLabel"
+      >Beskrivelse</label
       >
       <textarea
         id="description"
diff --git a/src/components/FormComponents/LoginForm.vue b/src/components/FormComponents/LoginForm.vue
index 24a99ea3717a9ac64b944ebef5e4df2f7cc52dd4..9bd28d962bc2bebea069c4515535485a3c991ad9 100644
--- a/src/components/FormComponents/LoginForm.vue
+++ b/src/components/FormComponents/LoginForm.vue
@@ -2,7 +2,7 @@
   <div class="md:ring-1 ring-gray-300 rounded-xl overflow-hidden mx-auto mb-auto max-w-md w-full">
     <div class="px-6 py-4 mt-4">
       <div
-        class="text-2xl font-medium text-center text-gray-600 dark:text-gray-200 mt-4 mb-8"
+        class="text-xl md:text-2xl font-medium text-center text-gray-600 dark:text-gray-200 mt-4 mb-8"
       >
         Logg på
       </div>
diff --git a/src/components/FormComponents/RegisterForm.vue b/src/components/FormComponents/RegisterForm.vue
index b38e67e649096490a77584b928a71c94e4465267..7c3398d2ee4eb61051430e671041954eab446857 100644
--- a/src/components/FormComponents/RegisterForm.vue
+++ b/src/components/FormComponents/RegisterForm.vue
@@ -3,7 +3,7 @@
     class="w-full max-w-md mx-auto mb-auto md:ring-1 ring-gray-300 overflow-hidden rounded-xl p-4"
   >
     <div
-      class="text-2xl font-medium text-center text-gray-600 dark:text-gray-200 mt-4 mb-8"
+      class="text-xl md:text-2xl font-medium text-center text-gray-600 dark:text-gray-200 mt-4 mb-8"
     >
       Opprett ny konto
     </div>
diff --git a/src/components/ItemComponents/NewItemForm.vue b/src/components/ItemComponents/NewItemForm.vue
index 2203351d11b34c2b10264c5cd0019e78ca13d578..c4f21e2120e1340e4aae4e5b8d9d697d258407d1 100644
--- a/src/components/ItemComponents/NewItemForm.vue
+++ b/src/components/ItemComponents/NewItemForm.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="md:ring-1 ring-gray-300 rounded-xl overflow-hidden mx-auto mb-auto max-w-md w-full p-4">
     <!-- Component heading -->
-    <div class="text-2xl font-medium text-center text-gray-600 dark:text-gray-200 mt-4 mb-8">Opprett ny utleie</div>
+    <div class="text-xl md:text-2xl font-medium text-center text-gray-600 dark:text-gray-200 mt-4 mb-10">Opprett ny utleie</div>
 
     <!-- Title -->
     <div class="mb-6" :class="{ error: v$.item.title.$errors.length }">
@@ -43,7 +43,7 @@
         class="block w-full px-4 py-2 mt-2 text-gray-700 placeholder-gray-500 bg-white border rounded-md dark:bg-gray-800 dark:border-gray-600 dark:placeholder-gray-400 focus:border-primary-light dark:focus:border-primary-light focus:ring-opacity-40 focus:outline-none focus:ring focus:ring-primary-light"
       >
         <option class="text-gray-400" value="" disabled selected>
-          Select a category
+          Velg en kategori
         </option>
         <option
           v-for="category in categories"
@@ -77,7 +77,7 @@
         class="block w-full px-4 py-2 mt-2 text-gray-700 placeholder-gray-500 bg-white border rounded-md dark:bg-gray-800 dark:border-gray-600 dark:placeholder-gray-400 focus:border-primary-light dark:focus:border-primary-light focus:ring-opacity-40 focus:outline-none focus:ring focus:ring-primary-light"
       >
         <option class="text-gray-400" value="" disabled selected>
-          Select a Group
+          Velg en gruppe
         </option>
         <option
           v-for="group in groups"
diff --git a/src/views/CommunityViews/CommunityView.vue b/src/views/CommunityViews/CommunityView.vue
index d60a02d21b3718dc984bc2b683dd9ac33e722cbd..2c988245f6333e1cf07dd2efba9a6055668bb9c3 100644
--- a/src/views/CommunityViews/CommunityView.vue
+++ b/src/views/CommunityViews/CommunityView.vue
@@ -1,7 +1,7 @@
 <template>
   <div v-if="loggedIn">
     <div class="flex flex-row p-4 relative">
-      <p class="text-xl md:text-2xl text-gray-600 font-medium w-full">Mine grupper</p>
+      <div class="text-xl md:text-2xl text-gray-600 font-medium w-full">Mine grupper</div>
       <UserAddIcon
           class="cursor-pointer max-h-6 max-w-6 float-right grow"
           @click="$router.push('/newCommunity')"