Tweak topic selector style

YSaxon · Apr 12, 2023 · fa8baa3 · fa8baa3
1 parent dc21404
commit fa8baa3
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 12 deletions.
diff --git a/web/components/topic-selector.tsx b/web/components/topic-selector.tsx
@@ -1,6 +1,5 @@
 import { uniq } from 'lodash'
 import { cleanTopic, TOPICS_TO_SUBTOPICS } from 'common/topics'
-import { Row } from './layout/row'
 import { Select } from './widgets/select'
 
 export function TopicSelector(props: {
@@ -11,15 +10,17 @@ export function TopicSelector(props: {
   const subtopics = uniq(Object.values(TOPICS_TO_SUBTOPICS).flat())
 
   return (
-    <Row className="items-center gap-2">
-      <Select value={topic} onChange={(e) => onSetTopic(e.target.value)}>
-        <option value="">🖤 For you</option>
-        {subtopics.map((subtopic) => (
-          <option key={subtopic} value={cleanTopic(subtopic)}>
-            {subtopic}
-          </option>
-        ))}
-      </Select>
-    </Row>
+    <Select
+      className="!border-ink-200"
+      value={topic}
+      onChange={(e) => onSetTopic(e.target.value)}
+    >
+      <option value="">🖤 For you</option>
+      {subtopics.map((subtopic) => (
+        <option key={subtopic} value={cleanTopic(subtopic)}>
+          {subtopic}
+        </option>
+      ))}
+    </Select>
   )
 }
diff --git a/web/pages/home/index.tsx b/web/pages/home/index.tsx
@@ -215,7 +215,7 @@ const YourFeedSection = memo(function YourFeedSection(props: {
   const [topic, setTopic] = usePersistentInMemoryState('', 'your-feed-topic')
 
   return (
-    <Col className={clsx(className, 'gap-2')}>
+    <Col className={className}>
       <TopicSelector onSetTopic={setTopic} topic={topic} />
       <ContractsFeed topic={topic} />
     </Col>