From dd6509c5d20a6c91236c01acd06f14db6d0c5e05 Mon Sep 17 00:00:00 2001
From: Eric Bailey <git@esb.lol>
Date: Tue, 17 Dec 2024 18:27:14 -0600
Subject: [PATCH] Tweak gaps

---
 src/components/interstitials/Trending.tsx               | 2 +-
 src/screens/Search/components/ExploreTrendingTopics.tsx | 8 +++++++-
 src/view/shell/desktop/SidebarTrendingTopics.tsx        | 2 +-
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/components/interstitials/Trending.tsx b/src/components/interstitials/Trending.tsx
index 7809365e5c..b326777d2c 100644
--- a/src/components/interstitials/Trending.tsx
+++ b/src/components/interstitials/Trending.tsx
@@ -73,7 +73,7 @@ export function Inner() {
         </Button>
       </View>
 
-      <View style={[a.flex_row, a.flex_wrap, a.gap_sm]}>
+      <View style={[a.flex_row, a.flex_wrap, {gap: '8px 6px'}]}>
         {isLoading ? (
           Array(TRENDING_TOPICS_COUNT)
             .fill(0)
diff --git a/src/screens/Search/components/ExploreTrendingTopics.tsx b/src/screens/Search/components/ExploreTrendingTopics.tsx
index 8831d39658..15e8d24752 100644
--- a/src/screens/Search/components/ExploreTrendingTopics.tsx
+++ b/src/screens/Search/components/ExploreTrendingTopics.tsx
@@ -65,7 +65,13 @@ function Inner() {
 
       <View style={[a.pt_md, a.pb_lg]}>
         <View
-          style={[a.flex_row, a.justify_start, a.flex_wrap, a.gap_sm, gutters]}>
+          style={[
+            a.flex_row,
+            a.justify_start,
+            a.flex_wrap,
+            {gap: '8px 6px'},
+            gutters,
+          ]}>
           {isLoading ? (
             Array(TRENDING_TOPICS_COUNT)
               .fill(0)
diff --git a/src/view/shell/desktop/SidebarTrendingTopics.tsx b/src/view/shell/desktop/SidebarTrendingTopics.tsx
index fdf0cf4eef..ef8ac3ada5 100644
--- a/src/view/shell/desktop/SidebarTrendingTopics.tsx
+++ b/src/view/shell/desktop/SidebarTrendingTopics.tsx
@@ -62,7 +62,7 @@ function Inner() {
           </Button>
         </View>
 
-        <View style={[a.flex_row, a.flex_wrap, a.gap_xs]}>
+        <View style={[a.flex_row, a.flex_wrap, {gap: '6px 4px'}]}>
           {isLoading ? (
             Array(TRENDING_LIMIT)
               .fill(0)