diff --git a/web/src/App.js b/web/src/App.js
index 6589420..05cae8d 100644
--- a/web/src/App.js
+++ b/web/src/App.js
@@ -45,14 +45,14 @@ export default function App() {
             <CardContainer>
               <DomainCard name={query} />
               <GithubCard name={query} />
-              <HomebrewCard name={query} />
               <NpmCard name={query} />
+              <JsOrgCard name={query} />
               <PypiCard name={query} />
               <CratesioCard name={query} />
+              <HomebrewCard name={query} />
               <TwitterCard name={query} />
               <SlackCard name={query} />
               <S3Card name={query} />
-              <JsOrgCard name={query} />
             </CardContainer>
             <EventReporter query={query} />
           </Cards>
diff --git a/web/src/components/Footer.js b/web/src/components/Footer.js
index 98e031b..d4541f2 100644
--- a/web/src/components/Footer.js
+++ b/web/src/components/Footer.js
@@ -11,7 +11,7 @@ export default function Footer() {
         Made with{'  '}
         <span role="img" aria-label="coffee">
           🦀
-        </span>
+        </span>{' '}
         by{' '}
         <ExternalLink href="https://uechi.io">
           <Bold>Yasuaki Uechi</Bold>
@@ -36,8 +36,8 @@ const Container = styled.footer`
     Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
   font-size: 0.7rem;
   display: flex;
-  align-items: stretch;
   justify-content: center;
+  line-height: 1em;
 
   ${ExternalLink} {
     color: black;
@@ -48,7 +48,7 @@ const Container = styled.footer`
 const Links = styled.div`
   margin-left: 15px;
   display: flex;
-  align-items: flex-end;
+  align-items: center;
 
   ${ExternalLink} {
     margin-right: 5px;