diff --git a/src/App.vue b/src/App.vue
index 8c8a8ca75c4c6a61420d59e5467dbe90e3de217d..8116f0640d2cbd53323384659d95495b40b909c3 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -245,7 +245,8 @@ function handleAction(actionType: ActionType) {
         color: lighten($color-text, 10);
       }
 
-      &:disabled {
+      &:disabled,
+      &[disabled] {
         color: rgba($color-text, 0.5);
         cursor: default;
       }
diff --git a/src/components/CodeModal.vue b/src/components/CodeModal.vue
index c68fb885700631180b4c32a5b8729f7c1dfcd9cf..aaa4bcd8982a76748460bdcf04cf89db9cb132fb 100644
--- a/src/components/CodeModal.vue
+++ b/src/components/CodeModal.vue
@@ -1,7 +1,7 @@
 <template>
   <transition name="fade">
-    <div v-if="props.visible" class="code-modal" @click="emit('close')">
-      <div class="code-box" @click.stop>
+    <div v-if="props.visible" class="code-modal" @click.self="emit('close')">
+      <div class="code-box">
         <div class="code-header">
           <div class="title">{{ t('text.codeModalTitle') }}</div>
 
diff --git a/src/layouts/Header.vue b/src/layouts/Header.vue
index a41bbcb91cea74fdbcfe7c0533f10b686514e8f6..a9d757a711f6777b5fc445abb66238565b83a2e1 100644
--- a/src/layouts/Header.vue
+++ b/src/layouts/Header.vue
@@ -35,6 +35,7 @@ import Logo from '@/components/Logo.vue'
     margin-left: 1rem;
     font-weight: bold;
     font-size: 1.9rem;
+    cursor: default;
 
     @media screen and (max-width: $screen-sm) {
       display: none;