diff --git a/src/shared/components/Hitokoto.vue b/src/shared/components/Hitokoto.vue
index 484687e..eaaf7ea 100644
--- a/src/shared/components/Hitokoto.vue
+++ b/src/shared/components/Hitokoto.vue
@@ -34,19 +34,33 @@ onMounted(receive)
 .hitokoto {
   cursor: pointer;
   height: 34px;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  justify-content: center;
+  text-align: right;
 }
 
 .hitokoto .sentence {
+  width: 100%;
   max-width: 400px;
   text-overflow: ellipsis;
   overflow: hidden;
   word-break: break-all;
   white-space: nowrap;
+  line-height: 18px;
 }
 
 .hitokoto .from {
-  float: right;
+  width: 100%;
+  max-width: 400px;
+  text-align: right;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
   font-size: 12px;
+  line-height: 16px;
   color: grey;
 }
 </style>