diff --git a/src/App.vue b/src/App.vue
index 8c8a8ca..8116f06 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 c68fb88..aaa4bcd 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 a41bbcb..a9d757a 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;