diff --git a/src/views/Profile.vue b/src/views/Profile.vue
index 4504e32..903047a 100644
--- a/src/views/Profile.vue
+++ b/src/views/Profile.vue
@@ -12,7 +12,7 @@
             text-center text-black
             dark:text-gray-200
           ">
-          <p class="text-3xl font-bold whitespace-nowrap" v-text="(state.firstname || '') +
+          <p class="text-4xl md:text-3xl font-bold whitespace-nowrap font-[Athiti]" v-text="(state.firstname || '') +
             ' ' +
             (state.middlename || '') +
             ' ' +
@@ -24,9 +24,11 @@
           <div v-if="state.delete_active === false">
             <button type="button" class="
                 focus:border-black focus:ring-2 focus:ring-black
-                text-white text-sm
-                py-2.5
+                text-white text-base md:text-sm
+                py-3.5
                 px-5
+                md:py-2.5
+                md:px-5
                 rounded-md
                 bg-blue-500
                 hover:bg-blue-600 hover:shadow-lg
@@ -46,9 +48,11 @@
             </button>
             <button type="button" class="
                 focus:border-black focus:ring-2 focus:ring-black
-                text-white text-sm
-                py-2.5
+                text-white text-base md:text-sm
+                py-3.5
                 px-5
+                md:py-2.5
+                md:px-5
                 rounded-md
                 bg-blue-500
                 hover:bg-blue-600 hover:shadow-lg
@@ -68,9 +72,11 @@
             </button>
             <button type="button" class="
                 focus:border-black focus:ring-2 focus:ring-black
-                text-white text-sm
-                py-2.5
+                text-white text-base md:text-sm
+                py-3.5
                 px-5
+                md:py-2.5
+                md:px-5
                 rounded-md
                 bg-red-600
                 hover:bg-red-700 hover:shadow-lg
@@ -93,9 +99,11 @@
           <div v-if="state.delete_active === true">
             <button type="button" class="
                 focus:border-black focus:ring-2 focus:ring-black
-                text-white text-sm
-                py-2.5
+                text-white text-base md:text-sm
+                py-3.5
                 px-5
+                md:py-2.5
+                md:px-5
                 rounded-md
                 mb-1
                 md:mb-auto
@@ -117,9 +125,11 @@
             </button>
             <button type="button" class="
                 focus:border-black focus:ring-2 focus:ring-black
-                text-white text-sm
-                py-2.5
+                text-white text-base md:text-sm
+                py-3.5
                 px-5
+                md:py-2.5
+                md:px-5
                 rounded-md
                 w-full
                 md:w-auto
@@ -591,7 +601,7 @@ function get_certificate() {
     })
     .then((response) => {
       console.log(response);
-      if (response.status != "200") {
+      if (response.status !== 200) {
         toast.error(t('urkunde_konnte_nicht_generiert_werden'));
       } else {
         var fileURL = window.URL.createObjectURL(