From e2f1b201f1cf0f124d02c1495060b1ce32ad469d Mon Sep 17 00:00:00 2001
From: nishida <42875682+nishidayoshikatsu@users.noreply.github.com>
Date: Sun, 29 Dec 2024 16:00:45 +0900
Subject: [PATCH] =?UTF-8?q?:bug:=20=E3=83=AA=E3=83=B3=E3=82=AF=E3=81=8C?=
 =?UTF-8?q?=E6=8A=BC=E3=81=9B=E3=81=AA=E3=81=8F=E3=81=AA=E3=81=A3=E3=81=A6?=
 =?UTF-8?q?=E3=81=84=E3=81=9F=E3=83=90=E3=82=B0=E3=82=92=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/about/AboutList.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/about/AboutList.tsx b/src/components/about/AboutList.tsx
index 2e53ec7..05caf57 100644
--- a/src/components/about/AboutList.tsx
+++ b/src/components/about/AboutList.tsx
@@ -25,24 +25,24 @@ export const AboutList = () => {
               <div className="absolute inset-0 rounded-2xl ring-1 ring-inset ring-gray-900/10" />
             </div>
             <div className="max-w-xl">
-              <div className="group relative">
-                <h3 className="mt-4 text-lg font-semibold leading-6 text-gray-900 group-hover:text-gray-600">
-                  <span className="absolute inset-0" />
+                <h3 className="mt-4 text-lg font-semibold leading-6 text-gray-900 hover:text-gray-600">
+                  <span className="inset-0" />
                   {about.act}
                 </h3>
                 <p className="mt-3 text-sm leading-6 text-gray-600">
                   {about.desc}
                 </p>
                 {about.btn && (
-                  <Button asChild className="mt-4">
+                  <Button asChild className="p-6 lg:p-2">
                     <ExternalLink href="https://discord.gg/3CjrJa69jP">
-                      コミュニティ(Discord)への参加はこちら
+                      オンラインコミュニティ(Discord)
+                      <br className="block lg:hidden" />
+                      への参加はこちら
                       <ExternalLinkIcon className="ml-2 h-4 w-4" />
                     </ExternalLink>
                   </Button>
                 )}
               </div>
-            </div>
           </li>
         ))}
       </ul>