diff --git a/packages/frontend/src/pages/OrgSlug.tsx b/packages/frontend/src/pages/OrgSlug.tsx
index 36154ec0..7ee40832 100644
--- a/packages/frontend/src/pages/OrgSlug.tsx
+++ b/packages/frontend/src/pages/OrgSlug.tsx
@@ -6,7 +6,7 @@ import { OctokitProvider } from '../context/OctokitContext';
 
 const OrgSlug = () => {
   return (
-    <div className="grid grid-cols-5 h-screen bg-light-blue-50">
+    <div className="grid grid-cols-5 h-screen bg-snowball-50">
       <>
         <div className="h-full">
           <Sidebar />
diff --git a/packages/frontend/src/pages/org-slug/index.tsx b/packages/frontend/src/pages/org-slug/index.tsx
index 7afd4fd6..8fed8636 100644
--- a/packages/frontend/src/pages/org-slug/index.tsx
+++ b/packages/frontend/src/pages/org-slug/index.tsx
@@ -1,11 +1,13 @@
 import React, { useCallback, useEffect, useState } from 'react';
 import { Link, useParams } from 'react-router-dom';
 import { Project } from 'gql-client';
+import { Button } from 'components/shared/Button';
 
-import { Button, Typography, Chip } from '@material-tailwind/react';
+import { Typography, Chip } from '@material-tailwind/react';
 
 import ProjectCard from '../../components/projects/ProjectCard';
 import { useGQLClient } from '../../context/GQLClientContext';
+import { PlusIcon } from 'components/shared/CustomIcon';
 
 const Projects = () => {
   const client = useGQLClient();
@@ -40,9 +42,7 @@ const Projects = () => {
         </div>
         <div>
           <Link to="projects/create">
-            <Button className="rounded-full" color="blue" placeholder={''}>
-              Create project
-            </Button>
+            <Button leftIcon={<PlusIcon />}>Create project</Button>
           </Link>
         </div>
       </div>