diff --git a/components/composer/composer.ts b/components/composer/composer.ts
index d9a56a0..e3184fd 100644
--- a/components/composer/composer.ts
+++ b/components/composer/composer.ts
@@ -46,8 +46,8 @@ export const state = reactive<ComposerState>({
 watch(
     state,
     (newState) => {
-        const characterLimit = (identity.value as Identity).instance
-            .configuration.statuses.max_characters;
+        const characterLimit =
+            identity.value?.instance.configuration.statuses.max_characters ?? 0;
         const characterCount = newState.rawContent.length;
 
         state.canSend =
diff --git a/layouts/app.vue b/layouts/app.vue
index b77b8de..c856b1c 100644
--- a/layouts/app.vue
+++ b/layouts/app.vue
@@ -9,7 +9,7 @@
     </SidebarProvider>
     <MobileNavbar v-if="identity" />
     <Preferences />
-    <ComposerDialog />
+    <ComposerDialog v-if="identity" />
 </template>
 
 <script setup lang="ts">
diff --git a/layouts/default.vue b/layouts/default.vue
index 6bce066..9f46469 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -1,8 +1,8 @@
 <template>
     <slot />
-    <ComposerDialog />
+    <ComposerDialog v-if="identity" />
 </template>
 
 <script lang="ts" setup>
 import ComposerDialog from "~/components/composer/dialog.vue";
-</script>
\ No newline at end of file
+</script>