diff --git a/index.html b/index.html
index 3156531..cccccf4 100644
--- a/index.html
+++ b/index.html
@@ -162,8 +162,8 @@
 			<div v-if="player.tab==layer" v-bind:class="'col right fast tab'"  v-bind:style="[tmp[layer].style ? tmp[layer].style : {}, (layers[layer].tabFormat && !Array.isArray(tmp[layer].tabFormat)) ? tmp[layer].tabFormat[player.subtabs[layer].mainTabs].style : {}]">
 				<button class="back" onclick="showTab('tree')">←</button><br><br><br>
 				<div v-if="!layers[layer].tabFormat">
-					<main-display v-bind:style="tmp[layer].componentStyles['main-display']" :layer="layer"></main-display>
 					<lore v-if="tmp[layer].lore" :layer="layer"></lore>
+					<main-display v-bind:style="tmp[layer].componentStyles['main-display']" :layer="layer"></main-display>
 					<div v-if="tmp[layer].type !== 'none'">
 						<prestige-button v-bind:style="tmp[layer].componentStyles['prestige-button']" :layer="layer"></prestige-button>
 					</div>
diff --git a/js/v.js b/js/v.js
index 07888b4..ba811b4 100644
--- a/js/v.js
+++ b/js/v.js
@@ -72,13 +72,13 @@ function loadVue() {
 	Vue.component('lore', {
 		props: ['layer', 'data'],
 		template: `
-		<div class="story" v-bind:style="{'border-color': tmp[layer].color}">
+		<div class="story instant" v-bind:style="{'border-color': tmp[layer].color, 'border-radius': player[layer].loreHidden ? 0 : '8px'}">
 			<button class="story-title" v-bind:style="{'background-color': tmp[layer].color}"
-				v-on:click="player[layer].loreHidden = player[layer].loreHidden !== true">
-				<span class="story-toggle">{{player[layer].loreHidden === true ? "+" : "-"}}</span>
+				v-on:click="player[layer].loreHidden = !player[layer].loreHidden">
+				<span class="story-toggle">{{player[layer].loreHidden ? "+" : "-"}}</span>
 				{{layers[layer].name}}
 			</button>
-			<div v-if="player[layer].loreHidden !== true" class="story-text">
+			<div v-if="!player[layer].loreHidden" class="story-text">
 				<span v-html="data ? data : layers[layer].lore"></span>
 			</div>
 		</div>
diff --git a/style.css b/style.css
index 0f710dd..b43388a 100644
--- a/style.css
+++ b/style.css
@@ -601,9 +601,10 @@ button > * {
 .story {
     width: 600px;
     max-width: 95%;
-    border: solid 4px;
+    border-bottom: solid 4px;
     border-radius: 8px;
     margin-bottom: 8px;
+    text-align: left;
 }
 
 .story-title {
@@ -612,8 +613,8 @@ button > * {
     color: black;
     cursor: pointer;
     border: none;
-    width: 100%;
     padding: 2px;
+    border-radius: 8px 8px 0 0;
 }
 
 .story-toggle {
@@ -628,4 +629,9 @@ button > * {
 
 .story-text {
 	padding: 2px;
+    border: solid 4px;
+    border-color: inherit;
+    border-radius: inherit;
+    border-top-left-radius: 0;
+    margin-bottom: -2px;
 }