diff --git a/src-web/components/CreateWorkspaceDialog.tsx b/src-web/components/CreateWorkspaceDialog.tsx
index 46ea8d0c..f282801b 100644
--- a/src-web/components/CreateWorkspaceDialog.tsx
+++ b/src-web/components/CreateWorkspaceDialog.tsx
@@ -27,7 +27,7 @@ export function CreateWorkspaceDialog({ hide }: Props) {
         hide();
       }}
     >
-      <PlainInput label="Workspace Name" defaultValue={name} onChange={setName} />
+      <PlainInput require label="Workspace Name" defaultValue={name} onChange={setName} />
 
       <MarkdownEditor
         name="workspace-description"
@@ -47,7 +47,7 @@ export function CreateWorkspaceDialog({ hide }: Props) {
           onChange={({ filePath }) => setSettingSyncDir(filePath)}
         />
       </div>
-      <Button type="submit">Create Workspace</Button>
+      <Button type="submit" color="primary" className="ml-auto">Create Workspace</Button>
     </VStack>
   );
 }
diff --git a/src-web/components/core/PlainInput.tsx b/src-web/components/core/PlainInput.tsx
index 69207a92..eac413a9 100644
--- a/src-web/components/core/PlainInput.tsx
+++ b/src-web/components/core/PlainInput.tsx
@@ -140,6 +140,7 @@ export function PlainInput({
             className={classNames(commonClassName, 'h-auto')}
             onFocus={handleFocus}
             onBlur={handleBlur}
+            required={require}
             autoFocus={autoFocus}
             placeholder={placeholder}
             onKeyDownCapture={onKeyDownCapture}