diff --git a/ui/src/components/login-layout/index.vue b/ui/src/components/login-layout/index.vue
index 4f8b185c7..382b6f616 100644
--- a/ui/src/components/login-layout/index.vue
+++ b/ui/src/components/login-layout/index.vue
@@ -20,11 +20,11 @@ defineOptions({ name: 'LoginLayout' })
 const { user } = useStore()
 
 const fileURL = computed(() => {
-  if (user.themeInfo.loginImage) {
-    if (typeof user.themeInfo.loginImage === 'string') {
-      return user.themeInfo.loginImage
+  if (user.themeInfo?.loginImage) {
+    if (typeof user.themeInfo?.loginImage === 'string') {
+      return user.themeInfo?.loginImage
     } else {
-      return URL.createObjectURL(user.themeInfo.loginImage)
+      return URL.createObjectURL(user.themeInfo?.loginImage)
     }
   } else {
     return ''
diff --git a/ui/src/components/logo/LogoFull.vue b/ui/src/components/logo/LogoFull.vue
index c65499aaf..0c67339c8 100644
--- a/ui/src/components/logo/LogoFull.vue
+++ b/ui/src/components/logo/LogoFull.vue
@@ -1,5 +1,5 @@
 <template>
-  <img v-if="user.themeInfo.loginLogo" :src="fileURL" alt="" height="45px" class="mr-8" />
+  <img v-if="user.themeInfo?.loginLogo" :src="fileURL" alt="" height="45px" class="mr-8" />
   <template v-else>
     <svg
       v-if="!isDefaultTheme"
@@ -75,11 +75,11 @@ const isDefaultTheme = computed(() => {
 })
 
 const fileURL = computed(() => {
-  if (user.themeInfo.loginLogo) {
-    if (typeof user.themeInfo.loginLogo === 'string') {
-      return user.themeInfo.loginLogo
+  if (user.themeInfo?.loginLogo) {
+    if (typeof user.themeInfo?.loginLogo === 'string') {
+      return user.themeInfo?.loginLogo
     } else {
-      return URL.createObjectURL(user.themeInfo.loginLogo)
+      return URL.createObjectURL(user.themeInfo?.loginLogo)
     }
   } else {
     return ''