diff --git a/.gitattributes b/.gitattributes
new file mode 100644
index 0000000..fbd75d3
--- /dev/null
+++ b/.gitattributes
@@ -0,0 +1 @@
+* text=lf
\ No newline at end of file
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
index 9653806..aa909d4 100644
--- a/.vscode/extensions.json
+++ b/.vscode/extensions.json
@@ -1,7 +1,8 @@
 {
   "recommendations": [
     "prisma.prisma",
-    "dbaeumer.vscode-eslint"
+    "dbaeumer.vscode-eslint",
+    "vue.volar"
   ],
   "unwantedRecommendations": [
     "octref.vetur",
diff --git a/src-server/routes/auth.js b/src-server/routes/auth.js
index 0c24f45..47f9b70 100644
--- a/src-server/routes/auth.js
+++ b/src-server/routes/auth.js
@@ -58,7 +58,7 @@ router.post('/generate-registration-options', async(req, res) =>
   }
 
   //Check if the registrationToken matches the setting
-  const registrationTokenSetting = await getSetting('REGISTRATION_TOKEN');
+  const registrationTokenSetting = await getSetting('REGISTRATION_TOKEN') || 'INITIAL_REGISTRATION_TOKEN_PLEASE_CHANGE_ME';
 
   if (registrationTokenSetting !== registrationToken && !req.session.loggedInUserId)
   {
diff --git a/src/css/app.scss b/src/css/app.scss
index 281e4ad..26e5e97 100644
--- a/src/css/app.scss
+++ b/src/css/app.scss
@@ -38,4 +38,16 @@ a:not(.q-link):not(.q-btn) {
     &:visited {
         color: $blue-5;
     }
+}
+
+.body--light {
+    background: #efefef;
+}
+
+.text-outline {
+    -webkit-text-stroke: 1px black;
+}
+
+.text-shadow {
+    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
 }
\ No newline at end of file
diff --git a/src/layouts/MainLayout.vue b/src/layouts/MainLayout.vue
index 770e216..980cce0 100644
--- a/src/layouts/MainLayout.vue
+++ b/src/layouts/MainLayout.vue
@@ -196,7 +196,7 @@
       <q-fab
         v-model="isChatVisible"
         icon="chat"
-        class="bg-theme"
+        class="bg-theme text-white"
         direction="up"
         @click="toggleChat"
       />
diff --git a/src/pages/MantisPage.vue b/src/pages/MantisPage.vue
index afcb439..192cea8 100644
--- a/src/pages/MantisPage.vue
+++ b/src/pages/MantisPage.vue
@@ -95,6 +95,7 @@
             <q-badge
               :color="getStatusColor(statusProps.row.status)"
               :label="statusProps.row.status"
+              class="text-bold text-shadow text-subtitle2 text-uppercase"
             />
           </q-td>
         </template>
@@ -103,6 +104,7 @@
             <q-badge
               :color="getPriorityColor(priorityProps.row.priority)"
               :label="priorityProps.row.priority"
+              class="text-bold text-shadow text-subtitle2 text-uppercase"
             />
           </q-td>
         </template>
@@ -111,6 +113,7 @@
             <q-badge
               :color="getSeverityColor(severityProps.row.severity)"
               :label="severityProps.row.severity"
+              class="text-bold text-shadow text-subtitle2 text-uppercase"
             />
           </q-td>
         </template>
@@ -120,12 +123,11 @@
             class="text-center"
           >
             <q-btn
-              size="sm"
+              size="md"
               color="info"
               icon="summarize"
               round
               flat
-              dense
               @click.stop="showTicketSummary(actionsProps.row.id)"
               :title="'Show summary for ticket ' + actionsProps.row.id"
             />
@@ -394,7 +396,7 @@ const getSeverityColor = (severity) =>
   if (lowerSeverity === 'trivial') return 'grey';
   if (lowerSeverity === 'text') return 'blue-grey';
   if (lowerSeverity === 'tweak') return 'light-blue';
-  if (lowerSeverity === 'minor') return 'lime';
+  if (lowerSeverity === 'minor') return 'lime-9';
   if (lowerSeverity === 'major') return 'amber';
   if (lowerSeverity === 'crash') return 'deep-orange';
   if (lowerSeverity === 'block') return 'red';