diff --git a/packages/web-console/src/scenes/Footer/index.tsx b/packages/web-console/src/scenes/Footer/index.tsx
index cbd99e1d3..46aec3379 100644
--- a/packages/web-console/src/scenes/Footer/index.tsx
+++ b/packages/web-console/src/scenes/Footer/index.tsx
@@ -49,7 +49,6 @@ const Wrapper = styled.div`
 const LeftContainer = styled.div`
   display: flex;
   padding-left: 1rem;
-  margin-top: 10px;
   align-items: center;
   flex: 1;
 `
@@ -63,6 +62,11 @@ const RightContainer = styled.div`
     margin-right: 1rem;
   }
 `
+const FooterText = styled(Text)`
+  @media (max-width: 400px) {
+    margin-top: 12px;
+  }
+`;
 
 const GithubBannerTransition = createGlobalStyle`
   .github-banner-enter {
@@ -110,9 +114,9 @@ const Footer = () => {
   return (
     <Wrapper id="footer">
       <LeftContainer>
-        <Text color="draculaForeground">
+        <FooterText color="draculaForeground">
           Copyright &copy; {new Date().getFullYear()} QuestDB
-        </Text>
+        </FooterText>
       </LeftContainer>
       <RightContainer>
         <ConnectionStatus />