fix corrupted ui on phone

Author: aster-void

src/pages/join.astro

@@ -4,6 +4,7 @@ import Header from "+/images/headers/join.jpg";
 import GlobalLayout from "+/layouts/GlobalLayout.astro";
 import StaticDocumentWrapper from "+/layouts/StaticDocumentWrapper.astro";
 import { Focus } from "+/schema";
+import { Icon } from "astro-icon/components";
 ---
 
 <GlobalLayout
@@ -19,11 +20,10 @@ import { Focus } from "+/schema";
   >
     <p
       role="alert"
-      class="alert not-prose alert-vertical border-info sm:alert-horizontal flex border-2"
+      class="alert not-prose alert-vertical border-info sm:alert-horizontal border-2 sm:flex-row"
     >
-      <span class="flex-grow">
-        3/30 (日) 20:00~ オンライン新歓説明会を実施します
-      </span>
+      <Icon name="feather:info" />
+      <span> 3/30 (日) 20:00~ オンライン新歓説明会を実施します </span>
       <a class="link" href="/welcome-events"> 詳細 </a>
       <a
         class="link link-primary"