diff --git a/frontend/src/pages/communities/components/TinderCard.tsx b/frontend/src/pages/communities/components/TinderCard.tsx
index 49c9eb5a..3e84fb27 100644
--- a/frontend/src/pages/communities/components/TinderCard.tsx
+++ b/frontend/src/pages/communities/components/TinderCard.tsx
@@ -21,7 +21,7 @@ export const TinderCard = ({ data, depth = 0, onLike, onDislike, className }: Pr
 
   const bg = useColorModeValue('white', 'gray.800')
   const infoColor = useColorModeValue('gray.600', 'gray.300')
-  const placeholderBg = useColorModeValue('#efefef', '#2A2A2A')
+  const placeholderBg = useColorModeValue('#efefef', '#efefef') // 2a2a2a should be, but no dark mode image rn
 
   return (
     <Box
@@ -51,6 +51,8 @@ export const TinderCard = ({ data, depth = 0, onLike, onDislike, className }: Pr
           height="100%"
           marginTop={{ base: 4, md: 10 }}
           objectFit="contain"
+          bg={placeholderBg}
+          p={{ base: 3, md: 6 }}
           draggable={false}
           onDragStart={(e) => e.preventDefault()}
           sx={{ WebkitUserDrag: 'none' }}
diff --git a/frontend/src/pages/communities/tinder.page.tsx b/frontend/src/pages/communities/tinder.page.tsx
index 4ae15358..99214f66 100644
--- a/frontend/src/pages/communities/tinder.page.tsx
+++ b/frontend/src/pages/communities/tinder.page.tsx
@@ -13,7 +13,7 @@ import { AbsolutePaths } from '../../util/paths'
 import { type TinderCommunity } from '../../util/views/tinder.ts'
 import { TinderCard } from './components/TinderCard'
 
-const SWIPE_THRESHOLD = 220
+const SWIPE_THRESHOLD = 150
 
 const TinderPage = () => {
   const config = useConfigContext()?.components