diff --git a/src/App.vue b/src/App.vue
index a0d4f01..14febc0 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -57,12 +57,11 @@
 			</div>
 		</div>
 
-
 		<div class="comment">
 			<div class="bsky_comment" v-if="comment_open == false">
 				<span class="comment">
 					<p class="comment-body" v-if="comment_first">
-						<img :src="'/icon/' + comment_first.did.replace('did:plc:', '') + '.jpg'" v-if="comment_first.avatar" class="comment"/>  <span class="comment-time" v-if="comment_first.updated_at"><a :href="comment_first.bsky_url">{{ moment(comment_first.updated_at) }}</a></span> <span class="comment-handle" v-if="comment_first.handle"><a :href="'https://' + comment_first.bsky_url.split('/').slice(2,5).join('/')">@{{ comment_first.handle }}</a></span>
+						<img :src="'/icon/' + comment_first.did.replace('did:plc:', '') + '.jpg'" v-if="comment_first.avatar" class="comment"/>  <span class="comment-time" v-if="comment_first.updated_at"><a :href="comment_first.bsky_url" v-if="comment_first.bsky_url">{{ moment(comment_first.updated_at) }}</a></span> <span class="comment-handle" v-if="comment_first.handle"><a :href="'https://' + comment_first.bsky_url.split('/').slice(2,5).join('/')" v-if="comment_first.bsky_url">@{{ comment_first.handle }}</a></span>
 					<span class="comment-text" v-if="comment_first.text">{{ comment_first.text }}</span>
 				</p>
 			</span>
@@ -79,13 +78,13 @@
 			<span v-for="i in api_json.data" class="comment">
 				<p class="comment-body" v-if="i">
 					{{ axios_check('/icon/' + i.did.replace('did:plc:', '') + '.jpg') }}
-					<img :src="'/icon/' + i.did.replace('did:plc:', '') + '.jpg'" v-if="url_check" class="comment"/><img :src="i.avatar" v-else-if="i.avatar" class="comment"/>  <span class="comment-time" v-if="i.updated_at"><a :href="i.bsky_url">{{ moment(i.updated_at) }}</a></span> <span class="comment-handle" v-if="i.handle"><a :href="'https://' + i.bsky_url.split('/').slice(2,5).join('/')">@{{ i.handle }}</a></span>
+					<img :src="'/icon/' + i.did.replace('did:plc:', '') + '.jpg'" v-if="url_check" class="comment"/><img :src="i.avatar" v-else-if="i.avatar" class="comment"/>  <span class="comment-time" v-if="i.updated_at"><a :href="i.bsky_url" v-if="i.bsky_url">{{ moment(i.updated_at) }}</a></span> <span class="comment-handle" v-if="i.handle"><a :href="'https://' + i.bsky_url.split('/').slice(2,5).join('/')" v-if="i.bsky_url">@{{ i.handle }}</a></span>
 				<span class="comment-text" v-if="i.text">{{ i.text }}</span>
 			</p>
 		</span>
 		<div class="comment_open"><button class="comment_open" v-on:click="comment_open = !comment_open"><i class="fa-solid fa-chevron-up"></i></button></div>
 	</div>
-</div>
+	</div>
 
 	<div class="page_title">
 		<div class="page_data">
@@ -140,6 +139,7 @@ export default {
 					bsky_cursor: null,
 					bsky_cid: "",
 					bsky_json: null,
+					bsky_url: null,
 					api_url: null,
 					api_json: null,
 					comment_open: false,
@@ -219,7 +219,7 @@ a {
 }
 
 a span.icon-ai {
-	color: #fff700;
+	color: #ddd700;
 }
 
 .page_n{text-align:center;height:50px}
@@ -256,7 +256,7 @@ ul.hooper-track {
 }
 
 .hooper-list img {
-	width:500px;
+	width:400px;
 	border: solid 3px #313131;
 	margin: 20px;
 }
@@ -381,7 +381,7 @@ button.comment_open:hover {
 
 .bsky_comment {
 	background-color: #fff;
-	width: 700px;
+	width: 600px;
 	margin: 0px auto;
 	border: solid 1px #eee;
 }