diff --git a/src/@layouts/components/VerticalNav.vue b/src/@layouts/components/VerticalNav.vue
index 6894ca67..7db8670f 100644
--- a/src/@layouts/components/VerticalNav.vue
+++ b/src/@layouts/components/VerticalNav.vue
@@ -59,7 +59,7 @@ function handleNavScroll(evt: Event) {
           <div class="d-flex" v-html="logo" />
 
           <h1 class="font-weight-bold leading-normal text-2xl">
-            MoviePilot
+            MOVIEPILOT
           </h1>
         </RouterLink>
       </slot>
diff --git a/src/assets/images/misc/person-icon.png b/src/assets/images/misc/person-icon.png
new file mode 100644
index 00000000..3f6e6068
Binary files /dev/null and b/src/assets/images/misc/person-icon.png differ
diff --git a/src/assets/images/no-image.jpeg b/src/assets/images/no-image.jpeg
index 014428ed..fd50e9cf 100644
Binary files a/src/assets/images/no-image.jpeg and b/src/assets/images/no-image.jpeg differ
diff --git a/src/components/cards/PersonCard.vue b/src/components/cards/PersonCard.vue
index 03c0b452..8e9a00ae 100644
--- a/src/components/cards/PersonCard.vue
+++ b/src/components/cards/PersonCard.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import personIcon from '@images/misc/person.png'
+import personIcon from '@images/misc/person-icon.png'
 import type { TmdbPerson } from '@/api/types'
 import router from '@/router'
 
diff --git a/src/styles/styles.scss b/src/styles/styles.scss
index 0bc3e597..1089fbca 100644
--- a/src/styles/styles.scss
+++ b/src/styles/styles.scss
@@ -85,8 +85,6 @@
   font-size: 1.25rem;
   font-weight: 700;
   line-height: 1.75rem;
-  --tw-text-opacity: 1;
-  color: rgb(209 213 219/var(--tw-text-opacity));
 }
 
 @media (min-width: 640px){
diff --git a/src/views/discover/MediaDetailView.vue b/src/views/discover/MediaDetailView.vue
index 32cc7c7d..48abe2a4 100644
--- a/src/views/discover/MediaDetailView.vue
+++ b/src/views/discover/MediaDetailView.vue
@@ -54,7 +54,7 @@ onBeforeMount(() => {
         </div>
         <div class="media-title">
           <div class="media-status" />
-          <h1 class="flex flex-col items-baseline md:flex-row">
+          <h1 class="flex flex-row items-baseline justify-start lg:justify-center">
             <span>{{ mediaDetail.title }}</span>
             <span v-if="mediaDetail.year" class="text-lg">（{{ mediaDetail.year }}）</span>
           </h1>
diff --git a/src/views/discover/PersonDetailView.vue b/src/views/discover/PersonDetailView.vue
index 19f6e6c5..39a5ead0 100644
--- a/src/views/discover/PersonDetailView.vue
+++ b/src/views/discover/PersonDetailView.vue
@@ -77,7 +77,7 @@ onBeforeMount(() => {
         <h1 class="text-3xl lg:text-4xl">
           {{ personDetail.name }}
         </h1>
-        <div class="mt-1 mb-2 space-y-1 text-xs text-white sm:text-sm lg:text-base">
+        <div class="mt-1 mb-2 space-y-1 text-xs sm:text-sm lg:text-base">
           <div>
             <span v-if="personDetail.birthday">{{ personDetail.birthday }}</span>
             <span v-if="personDetail.place_of_birth"> | </span>