From b40d1a4440f77cf7ac21ca5ccc6437cbb0df4518 Mon Sep 17 00:00:00 2001
From: thecodrr <thecodrr@protonmail.com>
Date: Tue, 21 Apr 2020 11:52:11 +0500
Subject: [PATCH] ui: fix topic labels on notebook foreground

These appeared black on blue when they should be white on blue. We use `static` color for it as it remains the same in all themes.
---
 apps/web/src/components/dialogs/topicdialog.js | 2 +-
 apps/web/src/components/notebook/index.js      | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/web/src/components/dialogs/topicdialog.js b/apps/web/src/components/dialogs/topicdialog.js
index b85365830..f7d106341 100644
--- a/apps/web/src/components/dialogs/topicdialog.js
+++ b/apps/web/src/components/dialogs/topicdialog.js
@@ -21,7 +21,7 @@ function TopicDialog(props) {
     >
       <Box my={1}>
         <Input
-          placeholder="name"
+          placeholder="Topic title"
           onChange={(e) => {
             setTopic(e.target.value);
           }}
diff --git a/apps/web/src/components/notebook/index.js b/apps/web/src/components/notebook/index.js
index 72e9a50a6..f5fa450f0 100644
--- a/apps/web/src/components/notebook/index.js
+++ b/apps/web/src/components/notebook/index.js
@@ -57,11 +57,11 @@ class Notebook extends React.Component {
                   marginRight: 1,
                   borderRadius: "default",
                   color: "static",
-                  paddingTop: 0.4,
-                  paddingBottom: 0.4,
+                  paddingTop: "2px",
+                  paddingBottom: "2px",
                 }}
               >
-                <Text variant="body" fontSize={11}>
+                <Text variant="body" color="static" fontSize={11}>
                   {topic.title}
                 </Text>
               </Flex>