diff --git a/src/components/Brand/Brand.tsx b/src/components/Brand/Brand.tsx
index aeb8c4e..5c7e42a 100644
--- a/src/components/Brand/Brand.tsx
+++ b/src/components/Brand/Brand.tsx
@@ -30,7 +30,12 @@ export const Brand = () => {
       />
       <Typography
         variant="h6"
-        sx={{ display: 'flex', textDecoration: 'none', color: 'inherit', fontWeight: 700 }}
+        sx={{
+          display: { xs: 'none', sm: 'flex' },
+          textDecoration: 'none',
+          color: 'inherit',
+          fontWeight: 700,
+        }}
       >
         dfsync
       </Typography>
diff --git a/src/components/Hero/Hero.tsx b/src/components/Hero/Hero.tsx
index d304482..103deb1 100644
--- a/src/components/Hero/Hero.tsx
+++ b/src/components/Hero/Hero.tsx
@@ -25,6 +25,7 @@ export const Hero = () => {
                 fontSize: { xs: '2.5rem', md: '4.5rem' },
                 lineHeight: 1.05,
                 maxWidth: 900,
+                textWrap: 'wrap',
               }}
             >
               Reliable toolkit for service-to-service communication
@@ -33,7 +34,13 @@ export const Hero = () => {
               label="Built for microservices, internal APIs, integrations, and background workers"
               color="primary"
               variant="outlined"
-              sx={{ mt: 1, mb: 1 }}
+              sx={{ mt: 1, mb: 1, display: { xs: 'none', sm: 'inline-flex' } }}
+            />
+            <Chip
+              label="Built for modern backend systems"
+              color="primary"
+              variant="outlined"
+              sx={{ mt: 1, mb: 1, display: { xs: 'inline-flex', sm: 'none' } }}
             />
 
             <ProjectBadges />