1 files changed, 38 insertions, 5 deletions
diff --git a/src/view/shell/web/right-column.tsx b/src/view/shell/web/right-column.tsx
index 5fe65cac8..2daa16f6a 100644
--- a/src/view/shell/web/right-column.tsx
+++ b/src/view/shell/web/right-column.tsx
@@ -1,10 +1,28 @@
 import React from 'react'
-import {Text, View, StyleSheet} from 'react-native'
+import {View, StyleSheet} from 'react-native'
+import {Link} from '../../com/util/Link'
+import {Text} from '../../com/util/text/Text'
+import {usePalette} from '../../lib/hooks/usePalette'
+import {MagnifyingGlassIcon} from '../../lib/icons'
+import {LiteSuggestedFollows} from '../../com/discover/LiteSuggestedFollows'
+import {s} from '../../lib/styles'
 
 export const DesktopRightColumn: React.FC = () => {
+  const pal = usePalette('default')
   return (
-    <View style={styles.container}>
-      <Text>Right Column</Text>
+    <View style={[styles.container, pal.border]}>
+      <Link href="/search" style={[pal.btn, styles.searchContainer]}>
+        <View style={styles.searchIcon}>
+          <MagnifyingGlassIcon style={pal.textLight} />
+        </View>
+        <Text type="lg" style={pal.textLight}>
+          Search
+        </Text>
+      </Link>
+      <Text type="xl-bold" style={s.mb10}>
+        Suggested Follows
+      </Text>
+      <LiteSuggestedFollows />
     </View>
   )
 }
@@ -12,8 +30,23 @@ export const DesktopRightColumn: React.FC = () => {
 const styles = StyleSheet.create({
   container: {
     position: 'absolute',
-    right: 'calc(50vw - 500px)',
-    width: '200px',
+    right: 'calc(50vw - 650px)',
+    width: '350px',
     height: '100%',
+    borderLeftWidth: 1,
+    overscrollBehavior: 'auto',
+    paddingLeft: 30,
+    paddingTop: 10,
+  },
+  searchContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingHorizontal: 14,
+    paddingVertical: 10,
+    borderRadius: 20,
+    marginBottom: 20,
+  },
+  searchIcon: {
+    marginRight: 5,
   },
 })