diff --git a/client/src/assets/css/transition.css b/client/src/assets/css/transition.css
index 4f2f175..17e9494 100644
--- a/client/src/assets/css/transition.css
+++ b/client/src/assets/css/transition.css
@@ -53,4 +53,25 @@
     transform: translateX(400px);
     opacity: 0;
 }
+
+/* enter-active-class="transition-all transition-fast ease-out-quad"
+enter-class="opacity-0 scale-90"
+enter-to-class="opacity-100 scale-100" */
+
+.tab-enter-active {
+  transition: all;
+  transition-duration: 150ms;
+  transition-timing-function: cubic-bezier(.25, .46, .45, .94);
+}
+
+.tab-enter {
+  opacity: 0;
+  transform: scale(.9);
+}
+
+.tab-enter-to {
+  opacity: 1;
+  transform: scale(1);
+}
+
 /* purgecss end ignore */
diff --git a/client/src/layouts/Default.vue b/client/src/layouts/Default.vue
index b78bc95..586311c 100644
--- a/client/src/layouts/Default.vue
+++ b/client/src/layouts/Default.vue
@@ -75,11 +75,7 @@
           >champions</router-link>
         </template>
         <!-- View -->
-        <transition
-          enter-active-class="transition-all transition-fast ease-out-quad"
-          enter-class="opacity-0 scale-90"
-          enter-to-class="opacity-100 scale-100"
-        >
+        <transition :name="tabTransition">
           <slot></slot>
         </transition>
       </template>
@@ -127,6 +123,9 @@ export default {
     uri() {
       return `${this.summoner}|${this.region}`
     },
+    tabTransition() {
+      return this.summonerFound ? 'tab' : 'none'
+    },
     ...mapState({
       basic: state => state.summoner.basic
     }),