diff --git a/api/v2/workspace_service.go b/api/v2/workspace_service.go
index 61ea0ab..f42d0e9 100644
--- a/api/v2/workspace_service.go
+++ b/api/v2/workspace_service.go
@@ -121,10 +121,6 @@ func (s *WorkspaceService) UpdateWorkspaceSetting(ctx context.Context, request *
 				return nil, status.Errorf(codes.Internal, "failed to update workspace setting: %v", err)
 			}
 		} else if path == "custom_style" {
-			if !s.LicenseService.IsFeatureEnabled(license.FeatureTypeCustomeStyle) {
-				return nil, status.Errorf(codes.PermissionDenied, "feature custom style is not available")
-			}
-
 			if _, err := s.Store.UpsertWorkspaceSetting(ctx, &storepb.WorkspaceSetting{
 				Key: storepb.WorkspaceSettingKey_WORKSPACE_SETTING_CUSTOM_STYLE,
 				Value: &storepb.WorkspaceSetting_CustomStyle{
diff --git a/frontend/web/src/components/ShortcutCard.tsx b/frontend/web/src/components/ShortcutCard.tsx
index 441d9e6..717eed1 100644
--- a/frontend/web/src/components/ShortcutCard.tsx
+++ b/frontend/web/src/components/ShortcutCard.tsx
@@ -93,14 +93,14 @@ const ShortcutView = (props: Props) => {
             return (
               <span
                 key={tag}
-                className="max-w-[8rem] truncate text-gray-400 dark:text-gray-500 text-sm font-mono leading-4 cursor-pointer hover:opacity-80"
+                className="max-w-[8rem] truncate text-gray-400 dark:text-gray-500 text-sm leading-4 cursor-pointer hover:opacity-80"
                 onClick={() => viewStore.setFilter({ tag: tag })}
               >
                 #{tag}
               </span>
             );
           })}
-          {shortcut.tags.length === 0 && <span className="text-gray-400 text-sm font-mono leading-4 italic">No tags</span>}
+          {shortcut.tags.length === 0 && <span className="text-gray-400 text-sm leading-4 italic">No tags</span>}
         </div>
         <div className="w-full flex mt-2 gap-2 overflow-x-auto">
           <Tooltip title="Creator" variant="solid" placement="top" arrow>
diff --git a/frontend/web/src/components/setting/WorkspaceSection.tsx b/frontend/web/src/components/setting/WorkspaceSection.tsx
index 0d2e3b6..86253a2 100644
--- a/frontend/web/src/components/setting/WorkspaceSection.tsx
+++ b/frontend/web/src/components/setting/WorkspaceSection.tsx
@@ -63,6 +63,7 @@ const WorkspaceSection: React.FC = () => {
         <p className="mt-2 dark:text-gray-400">{t("settings.workspace.custom-style")}</p>
         <Textarea
           className="w-full mt-2"
+          placeholder="* {font-family: ui-monospace Monaco Consolas;}"
           minRows={2}
           maxRows={5}
           value={workspaceSetting.customStyle}
diff --git a/frontend/web/src/pages/ShortcutDetail.tsx b/frontend/web/src/pages/ShortcutDetail.tsx
index de6d39e..ca104ca 100644
--- a/frontend/web/src/pages/ShortcutDetail.tsx
+++ b/frontend/web/src/pages/ShortcutDetail.tsx
@@ -137,14 +137,12 @@ const ShortcutDetail = () => {
         <div className="mt-4 ml-1 flex flex-row justify-start items-start flex-wrap gap-2">
           {shortcut.tags.map((tag) => {
             return (
-              <span key={tag} className="max-w-[8rem] truncate text-gray-400 text font-mono leading-4 dark:text-gray-500">
+              <span key={tag} className="max-w-[8rem] truncate text-gray-400 text leading-4 dark:text-gray-500">
                 #{tag}
               </span>
             );
           })}
-          {shortcut.tags.length === 0 && (
-            <span className="text-gray-400 text-sm font-mono leading-4 italic dark:text-gray-500">No tags</span>
-          )}
+          {shortcut.tags.length === 0 && <span className="text-gray-400 text-sm leading-4 italic dark:text-gray-500">No tags</span>}
         </div>
         <div className="w-full flex mt-4 gap-2">
           <Tooltip title="Creator" variant="solid" placement="top" arrow>