diff --git a/src/main/frontend/components/widgets.cljs b/src/main/frontend/components/widgets.cljs
index 1d6d2c857c..38d8ccfd4d 100644
--- a/src/main/frontend/components/widgets.cljs
+++ b/src/main/frontend/components/widgets.cljs
@@ -20,16 +20,16 @@
 
      [:div.mt-4.ml-1
       (ui/button
-        "Markdown"
-        :on-click
-        #(user-handler/set-preferred-format! :markdown))
+       "Markdown"
+       :on-click
+       #(user-handler/set-preferred-format! :markdown))
 
       [:span.ml-2.mr-2 "-OR-"]
 
       (ui/button
-        "Org Mode"
-        :on-click
-        #(user-handler/set-preferred-format! :org))]]))
+       "Org Mode"
+       :on-click
+       #(user-handler/set-preferred-format! :org))]]))
 
 (rum/defcs add-github-repo <
   (rum/local "" ::repo)
@@ -65,7 +65,7 @@
             (let [branch (string/trim @branch)]
               (if (string/blank? branch)
                 (notification/show!
-                 [:p.text-gray-700 "Please input a branch, make sure it's matched with your setting on Github."]
+                 [:p.text-gray-700.dark:text-gray-300 "Please input a branch, make sure it's matched with your setting on Github."]
                  :error
                  false)
                 (let [repo (util/lowercase-first @repo)]
@@ -74,7 +74,7 @@
                       (repo-handler/create-repo! repo branch))
 
                     (notification/show!
-                     [:p.text-gray-700 "Please input a valid repo url, e.g. https://github.com/username/repo"]
+                     [:p.text-gray-700.dark:text-gray-300 "Please input a valid repo url, e.g. https://github.com/username/repo"]
                      :error
                      false)))))))]])))
 
@@ -115,7 +115,7 @@
 
                        :local
                        (rum/with-key (add-local-directory)
-                                     "add-local-directory")
+                         "add-local-directory")
 
                        nil))
         available-graph (->> (set graph-types)