diff --git a/pages/Favorites/components/FavoritesList/style.js b/pages/Favorites/components/FavoritesList/style.js
index <HASH>..<HASH> 100644
--- a/pages/Favorites/components/FavoritesList/style.js
+++ b/pages/Favorites/components/FavoritesList/style.js
@@ -13,6 +13,7 @@ import variables from 'Styles/variables';
 const container = css({
   background: colors.background,
   flexGrow: 1,
+  paddingTop: variables.gap.xsmall,
 }).toString();
 
 const image = css({
diff --git a/styles/variables.js b/styles/variables.js
index <HASH>..<HASH> 100644
--- a/styles/variables.js
+++ b/styles/variables.js
@@ -10,6 +10,7 @@ const materialShadow = 'rgba(0, 0, 0, .117647) 0 1px 6px, rgba(0, 0, 0, .117647)
 export default {
   materialShadow,
   gap: {
+    xsmall: 4,
     small: 8,
     big: 16,
     bigger: 20,
CON-<I> - additional gap on top of favorites page