diff --git a/dashboard/src/components/Index.vue b/dashboard/src/components/Index.vue
index 82b87529a..de39cd634 100644
--- a/dashboard/src/components/Index.vue
+++ b/dashboard/src/components/Index.vue
@@ -86,11 +86,14 @@ export default {
 <template>
   <div>
     <Notification />
-    <AppsView v-if="view === VIEWS.APPS" />
-    <AppstoreView v-if="view === VIEWS.APPSTORE" />
-    <ProfileView v-if="view === VIEWS.PROFILE" />
-    <SupportView v-if="view === VIEWS.SUPPORT" />
-    <UserDirectoryView v-if="view === VIEWS.USER_DIRECTORY" />
-    <VolumesView v-if="view === VIEWS.VOLUMES" />
+
+    <TransitionGroup name="grid-animation">
+      <AppsView v-if="view === VIEWS.APPS" />
+      <AppstoreView v-else-if="view === VIEWS.APPSTORE" />
+      <ProfileView v-else-if="view === VIEWS.PROFILE" />
+      <SupportView v-else-if="view === VIEWS.SUPPORT" />
+      <UserDirectoryView v-else-if="view === VIEWS.USER_DIRECTORY" />
+      <VolumesView v-else-if="view === VIEWS.VOLUMES" />
+    </TransitionGroup>
   </div>
 </template>