diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx
index dca00b6..527a370 100644
--- a/src/components/Footer.jsx
+++ b/src/components/Footer.jsx
@@ -64,8 +64,14 @@ const style = ({
end: {
gridColumn: '34 / 42',
display: 'flex',
- alignItems: 'center',
- justifyContent: 'space-evenly'
+ flexDirection: 'column',
+ justifyContent: 'flex-start',
+ alignItems: 'baseline',
+ [up('md')]: {
+ alignItems: 'center',
+ justifyContent: 'space-evenly',
+ flexDirection: 'row',
+ }
},
statusLogoText: {
height: '2.2rem'
@@ -82,7 +88,7 @@ const style = ({
text: {
color: '#5C667D',
fontSize: '17px'
- },
+ }
})
const useStyle = makeStyles(style)
@@ -98,8 +104,8 @@ const Footer = () => {
Assemble
Status Network
-
- We are part of
+
+ We are part of