diff --git a/src/components/Header.vue b/src/components/Header.vue
index be7ef41c0914bdd474d7972b1764adcb2f1f0c3e..ca59317ca2e355ebbb177717dbd36c6bfacaf5ac 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -25,6 +25,9 @@ import ADJ from './inflection/Adjective.vue'
 import ADJ_adv from './inflection/AdjectiveAdv.vue'
 import ADJ_masc_fem from './inflection/AdjectiveMF.vue'
 import ADJ_masc_fem_fem from './inflection/AdjectiveMF_F.vue'
+import DET from './inflection/Determinative.vue'
+import DET_adj from './inflection/DeterminativeAdj.vue'
+import PRON from './inflection/Pronoun.vue'
 
 export default {
   name: 'Header',
@@ -40,12 +43,15 @@ export default {
     ADJ,
     ADJ_adv,
     ADJ_masc_fem,
-    ADJ_masc_fem_fem
+    ADJ_masc_fem_fem,
+    DET,
+    DET_adj,
+    PRON
   }
 }
 </script>
 
-<style scoped>
+<style >
 
 summary {
   width: 30em;
@@ -69,6 +75,19 @@ details > summary {
   text-decoration-style: dashed;
 }
 
+.inflection table {
+  border-collapse: collapse;
+  margin: 10px;
+}
+
+.inflection td, .inflection th {
+  border: solid;
+  border-width: 1px;
+  margin: 0px 0px 0px 0px;
+  padding: 3px;
+}
+
+
 details > summary::-webkit-details-marker {
   display: none;
 }
diff --git a/src/components/inflection/Adjective.vue b/src/components/inflection/Adjective.vue
index 9acaa8e88b46f7671a7ae435e994b6da230b5c8d..3d9c98b39bec35e83e6f57069425f824293196b0 100644
--- a/src/components/inflection/Adjective.vue
+++ b/src/components/inflection/Adjective.vue
@@ -33,17 +33,3 @@ export default {
   }
 }
 </script>
-
-<style scoped>
-   table {
-    border-collapse: collapse;
-    margin: 10px;
-  }
-
-   td,  th {
-    border: solid;
-    border-width: 1px;
-    margin: 0px 0px 0px 0px;
-    padding: 3px;
-  }
-</style>
diff --git a/src/components/inflection/AdjectiveAdv.vue b/src/components/inflection/AdjectiveAdv.vue
index 5c66eb8fb85d1685e29c8fde1ff1019a1a2162c3..37f607717d726459cc88a188c61c264f64cf2fab 100644
--- a/src/components/inflection/AdjectiveAdv.vue
+++ b/src/components/inflection/AdjectiveAdv.vue
@@ -20,17 +20,3 @@ export default {
   }
 }
 </script>
-
-<style scoped>
-   table {
-    border-collapse: collapse;
-    margin: 10px;
-  }
-
-   td,  th {
-    border: solid;
-    border-width: 1px;
-    margin: 0px 0px 0px 0px;
-    padding: 3px;
-  }
-</style>
diff --git a/src/components/inflection/AdjectiveMF.vue b/src/components/inflection/AdjectiveMF.vue
index 10144882df152f0899acc7b59810a129a82afb34..7b0eea28057a05737f1fbcbd7cbf14cefff8687b 100644
--- a/src/components/inflection/AdjectiveMF.vue
+++ b/src/components/inflection/AdjectiveMF.vue
@@ -35,17 +35,3 @@ export default {
   }
 }
 </script>
-
-<style scoped>
-   table {
-    border-collapse: collapse;
-    margin: 10px;
-  }
-
-   td,  th {
-    border: solid;
-    border-width: 1px;
-    margin: 0px 0px 0px 0px;
-    padding: 3px;
-  }
-</style>
diff --git a/src/components/inflection/AdjectiveMF_F.vue b/src/components/inflection/AdjectiveMF_F.vue
index d239415f74b8155bfd7e7ed616acfd918e0ee414..54e2d316209a3f97e72c08eb03efaa9880d4dcfe 100644
--- a/src/components/inflection/AdjectiveMF_F.vue
+++ b/src/components/inflection/AdjectiveMF_F.vue
@@ -35,17 +35,3 @@ export default {
   }
 }
 </script>
-
-<style scoped>
-   table {
-    border-collapse: collapse;
-    margin: 10px;
-  }
-
-   td,  th {
-    border: solid;
-    border-width: 1px;
-    margin: 0px 0px 0px 0px;
-    padding: 3px;
-  }
-</style>
diff --git a/src/components/inflection/Determinative.vue b/src/components/inflection/Determinative.vue
new file mode 100644
index 0000000000000000000000000000000000000000..04040fc5becbcb26bd080e1029067aa1a417da95
--- /dev/null
+++ b/src/components/inflection/Determinative.vue
@@ -0,0 +1,26 @@
+<template>
+  <table>
+    <tr>
+      <th rowspan="2">Determinativ</th><th colspan="3">Entall</th><th rowspan="2">Flertall</th>
+    </tr>
+    <tr>
+      <th>Hankjønn</th><th>Hunkjønn</th><th>Intetkjønn</th>
+    </tr>
+    <tr v-for="(std, index) in standardisations" :key="index">
+      <td></td>
+      <td>{{std.inflection[0].word_form}}</td>
+      <td>{{std.inflection[1].word_form}}</td>
+      <td>{{std.inflection[2].word_form}}</td>
+      <td>{{std.inflection[3].word_form}}</td>
+    </tr>
+  </table>
+</template>
+
+<script>
+export default {
+  name: "DET",
+  props: {
+    standardisations: Array
+  }
+}
+</script>
diff --git a/src/components/inflection/DeterminativeAdj.vue b/src/components/inflection/DeterminativeAdj.vue
new file mode 100644
index 0000000000000000000000000000000000000000..b009bf341f6c61adc8eedc2f032831839a8081cc
--- /dev/null
+++ b/src/components/inflection/DeterminativeAdj.vue
@@ -0,0 +1,17 @@
+<template>
+  <DET :standardisations="standardisations"></DET>
+</template>
+
+<script>
+import DET from './Determinative.vue'
+
+export default {
+  name: "DET_adj",
+  props: {
+    standardisations: Array
+  },
+  components: {
+    DET
+  }
+}
+</script>
diff --git a/src/components/inflection/Pronoun.vue b/src/components/inflection/Pronoun.vue
new file mode 100644
index 0000000000000000000000000000000000000000..6e7a9ac66c8680434fff30a327b0a76bf1895bf5
--- /dev/null
+++ b/src/components/inflection/Pronoun.vue
@@ -0,0 +1,21 @@
+<template>
+  <table>
+    <tr>
+      <th>Pronomen</th><th>Subjektsform</th><th>Objektsform</th>
+    </tr>
+    <tr v-for="(std, index) in standardisations" :key="index">
+      <td></td>
+      <td>{{std.inflection[0].word_form}}</td>
+      <td>{{std.inflection[1].word_form}}</td>
+    </tr>
+  </table>
+</template>
+
+<script>
+export default {
+  name: "PRON",
+  props: {
+    standardisations: Array
+  }
+}
+</script>