diff --git a/optuna_dashboard/static/components/StudyDetail.tsx b/optuna_dashboard/static/components/StudyDetail.tsx
index 9f7862d5..90414db3 100644
--- a/optuna_dashboard/static/components/StudyDetail.tsx
+++ b/optuna_dashboard/static/components/StudyDetail.tsx
@@ -260,6 +260,11 @@ export const StudyDetail: FC<{
                 toggleColorMode()
               }}
               color="inherit"
+              title={
+                theme.palette.mode === "dark"
+                  ? "Switch to light mode"
+                  : "Switch to dark mode"
+              }
             >
               {theme.palette.mode === "dark" ? (
                 <Brightness7Icon />
@@ -267,7 +272,11 @@ export const StudyDetail: FC<{
                 <Brightness4Icon />
               )}
             </IconButton>
-            <IconButton color="inherit" onClick={handleClickOpen}>
+            <IconButton
+              color="inherit"
+              onClick={handleClickOpen}
+              title="Open preference panel"
+            >
               <Settings />
             </IconButton>
             <IconButton
@@ -276,6 +285,7 @@ export const StudyDetail: FC<{
               component={Link}
               to={URL_PREFIX + "/"}
               color="inherit"
+              title="Go to the top"
             >
               <Home />
             </IconButton>
diff --git a/optuna_dashboard/static/components/StudyList.tsx b/optuna_dashboard/static/components/StudyList.tsx
index ae31eb24..55209943 100644
--- a/optuna_dashboard/static/components/StudyList.tsx
+++ b/optuna_dashboard/static/components/StudyList.tsx
@@ -231,6 +231,11 @@ export const StudyList: FC<{
                 toggleColorMode()
               }}
               color="inherit"
+              title={
+                theme.palette.mode === "dark"
+                  ? "Switch to light mode"
+                  : "Switch to dark mode"
+              }
             >
               {theme.palette.mode === "dark" ? (
                 <Brightness7Icon />
@@ -245,6 +250,7 @@ export const StudyList: FC<{
                 action.updateStudySummaries("Success to reload")
               }}
               color="inherit"
+              title="Reload studies"
             >
               <Refresh />
             </IconButton>
@@ -255,6 +261,7 @@ export const StudyList: FC<{
                 setNewStudySelectionAnchorEl(e.currentTarget)
               }}
               color="inherit"
+              title="Create new study"
             >
               <AddBox />
             </IconButton>