diff --git a/src/App.css b/src/App.css
index 92cb2771..9a2c753c 100644
--- a/src/App.css
+++ b/src/App.css
@@ -73,7 +73,7 @@
   animation-name: bounce;
 }
 
-@media (max-width: 480px) {
+@media (max-width: 550px) {
   .hide-on-mobile {
     display: none;
   }
diff --git a/src/components/Home.jsx b/src/components/Home.jsx
index 695e2cf4..3e560d1a 100644
--- a/src/components/Home.jsx
+++ b/src/components/Home.jsx
@@ -173,16 +173,20 @@ function Home() {
             direction={{ xs: 'column', md: 'row' }}
             sx={{ width: '100%', paddingTop: '1rem' }}
           >
-            <Typography variant="h4" align="left" className={classes.sectionTitle}>
-              Recently updated images
-            </Typography>
-            <Typography
-              variant="body2"
-              className={classes.viewAll}
-              onClick={() => handleClickViewAll(sortByCriteria.updateTime.value)}
-            >
-              View all
-            </Typography>
+            <div>
+              <Typography variant="h4" align="left" className={classes.sectionTitle}>
+                Recently updated images
+              </Typography>
+            </div>
+            <div>
+              <Typography
+                variant="body2"
+                className={classes.viewAll}
+                onClick={() => handleClickViewAll(sortByCriteria.updateTime.value)}
+              >
+                View all
+              </Typography>
+            </div>
           </Stack>
           {renderRecentlyUpdated()}
         </Stack>
diff --git a/src/components/SearchSuggestion.jsx b/src/components/SearchSuggestion.jsx
index 58422693..1f6fe2ad 100644
--- a/src/components/SearchSuggestion.jsx
+++ b/src/components/SearchSuggestion.jsx
@@ -42,8 +42,8 @@ const useStyles = makeStyles(() => ({
   },
   resultsWrapper: {
     margin: '0',
-    marginTop: '-2%',
-    paddingTop: '3%',
+    marginTop: '-5%',
+    paddingTop: '5%',
     position: 'absolute',
     alignItems: 'center',
     justifyContent: 'center',