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>