diff --git a/web/renderer/components/CreateDatabase/index.module.css b/web/renderer/components/CreateDatabase/index.module.css
index 4ed6baa7..cca3702c 100644
--- a/web/renderer/components/CreateDatabase/index.module.css
+++ b/web/renderer/components/CreateDatabase/index.module.css
@@ -5,3 +5,7 @@
     @apply h-4 w-4;
   }
 }
+
+.text {
+  @apply ml-2;
+}
diff --git a/web/renderer/components/CreateDatabase/index.tsx b/web/renderer/components/CreateDatabase/index.tsx
index 613146da..1106b18b 100644
--- a/web/renderer/components/CreateDatabase/index.tsx
+++ b/web/renderer/components/CreateDatabase/index.tsx
@@ -8,6 +8,7 @@ import {
 import useMutation from "@hooks/useMutation";
 import { database } from "@lib/urls";
 import { AiOutlinePlusCircle } from "@react-icons/all-files/ai/AiOutlinePlusCircle";
+import { AiOutlinePlus } from "@react-icons/all-files/ai/AiOutlinePlus";
 import cx from "classnames";
 import { useRouter } from "next/router";
 import { SyntheticEvent, useState } from "react";
@@ -55,8 +56,8 @@ export default function CreateDatabase(props: Props) {
         onClick={() => setIsOpen(true)}
         className={cx(css.createDB, props.buttonClassName)}
       >
-        <AiOutlinePlusCircle />
-        {props.showText && "Create database"}
+        {props.showText ? <AiOutlinePlus /> : <AiOutlinePlusCircle />}
+        {props.showText && <span className={css.text}>Create database</span>}
       </Button.Link>
       <ModalOuter
         isOpen={isOpen}
diff --git a/web/renderer/components/pageComponents/DatabasesPage/index.tsx b/web/renderer/components/pageComponents/DatabasesPage/index.tsx
index 7329df66..5ba48073 100644
--- a/web/renderer/components/pageComponents/DatabasesPage/index.tsx
+++ b/web/renderer/components/pageComponents/DatabasesPage/index.tsx
@@ -51,7 +51,11 @@ export default function DatabasesPage() {
             No databases found. Create a database to get started.
           </p>
         )}
-        <CreateDatabase buttonClassName={css.button} isPostgres={isPostgres} />
+        <CreateDatabase
+          buttonClassName={css.button}
+          isPostgres={isPostgres}
+          showText
+        />
         <ErrorMsg err={res.error} />
       </Loader>
     </MainLayout>