diff --git a/layouts/default.vue b/layouts/default.vue
index 9fa7419..d0b70ed 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -71,7 +71,7 @@
     >
       <v-container class="d-flex py-0 my-0">
         <v-row no-gutters>
-          <v-col cols="4" class="text-center my-auto">
+          <v-col cols="4" class="my-auto" :class="$vuetify.display.mobile ? 'text-left' : 'text-center'">
             <v-btn
               variant="plain"
               size="x-small"
@@ -85,11 +85,11 @@
             </v-btn>
           </v-col>
           <v-col cols="4" class="text-center my-auto">
-            <span class="text-caption">
+            <span class="text-caption text-no-wrap">
               &copy; {{ new Date().getFullYear() }} {{ $myName }}
             </span>
           </v-col>
-          <v-col cols="4" class="text-center my-auto">
+          <v-col cols="4" class="my-auto" :class="$vuetify.display.mobile ? 'text-right' : 'text-center'">
             <v-btn
               variant="plain"
               icon="mdi-github"
diff --git a/pages/bio.vue b/pages/bio.vue
index c2f71f6..1b595a6 100644
--- a/pages/bio.vue
+++ b/pages/bio.vue
@@ -1,7 +1,7 @@
 <template>
   <v-row>
     <v-col cols="12">
-      <span class="text-h4 text-high-emphasis">{{ $t('bioTitle') }}</span>
+      <span class="text-h5 text-md-h4 text-high-emphasis">{{ $t('bioTitle') }}</span>
     </v-col>
     <v-col cols="12">
       <v-sheet color="transparent" class="text-medium-emphasis">
@@ -132,9 +132,9 @@ export default {
   methods: {
     getButtonSize (level) {
       switch (level) {
-        case 1: return 48
-        case 2: return 64
-        default: return 96
+        case 1: return this.$vuetify.display.smAndDown ? 32 : 48
+        case 2: return this.$vuetify.display.smAndDown ? 48 : 64
+        default: return this.$vuetify.display.smAndDown ? 64 : 96
       }
     }
   }