diff --git a/backend/package-lock.json b/backend/package-lock.json
index ce23471..e28c13e 100644
--- a/backend/package-lock.json
+++ b/backend/package-lock.json
@@ -1,11 +1,11 @@
 {
-    "name": "resias-backend",
+    "name": "congruity-backend",
     "version": "0.1.0",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
         "": {
-            "name": "resias-backend",
+            "name": "congruity-backend",
             "version": "0.1.0",
             "dependencies": {
                 "@anthropic-ai/sdk": "^0.74.0",
diff --git a/backend/package.json b/backend/package.json
index a2db9dd..037abb4 100644
--- a/backend/package.json
+++ b/backend/package.json
@@ -1,7 +1,7 @@
 {
-    "name": "resias-backend",
+    "name": "congruity-backend",
     "version": "0.1.0",
-    "description": "Resias AI clustering feature - backend for ProjectPilot",
+    "description": "congruity AI clustering feature - backend for ProjectPilot",
     "type": "module",
     "main": "server.js",
     "scripts": {
diff --git a/frontend/index.html b/frontend/index.html
index de74e7a..6db57ea 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Resias</title>
+    <title>congruity App</title>
   </head>
   <body>
     <div id="root"></div>
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index c796e69..fe624c3 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -1,11 +1,11 @@
 {
-  "name": "resias-frontend",
+  "name": "congruity-frontend",
   "version": "0.1.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
-      "name": "resias-frontend",
+      "name": "congruity-frontend",
       "version": "0.1.0",
       "dependencies": {
         "@tanstack/react-query": "^5.90.21",
diff --git a/frontend/package.json b/frontend/package.json
index 3946c9d..5cb5101 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "resias-frontend",
+  "name": "congruity-frontend",
   "private": true,
   "version": "0.1.0",
   "type": "module",
diff --git a/frontend/src/components/button.tsx b/frontend/src/components/button.tsx
index 13691ab..dbed6b2 100644
--- a/frontend/src/components/button.tsx
+++ b/frontend/src/components/button.tsx
@@ -1,14 +1,15 @@
-type ClusterButtonProps = {
+type ButtonProps = {
   onClick: () => void;
   isLoading: boolean;
+  label: string;
 };
 
-const ClusterButton = ({ onClick, isLoading }: ClusterButtonProps) => {
+const Button = ({ onClick, isLoading, label }: ButtonProps) => {
   return (
     <button onClick={onClick} disabled={isLoading}>
-      {isLoading ? 'Clustering...' : 'Run Clustering'}
+      {isLoading ? 'Working...' : label}
     </button>
   );
 };
 
-export default ClusterButton;
+export default Button;
diff --git a/frontend/src/components/stickies.tsx b/frontend/src/components/stickies.tsx
index 383dd41..c935e30 100644
--- a/frontend/src/components/stickies.tsx
+++ b/frontend/src/components/stickies.tsx
@@ -1,7 +1,7 @@
 import { useGetStickies, useClusterStickies } from '../api/api';
 import type { Sticky as StickyType } from '../types/types';
 import Sticky from './sticky';
-import ClusterButton from './button';
+import Button from './button';
 import './stickies.css';
 
 const Stickies = () => {
@@ -26,7 +26,7 @@ const Stickies = () => {
 
     return (
       <div>
-        <ClusterButton onClick={handleCluster} isLoading={isPending} />
+        <Button onClick={handleCluster} isLoading={isPending} label={'Group by Theme'}/>
         <div className="clusters-container">
           {clusters.map((group) => (
             <div key={group.label} className="cluster-group">
@@ -46,7 +46,7 @@ const Stickies = () => {
 
   return (
     <div>
-      <ClusterButton onClick={handleCluster} isLoading={isPending} />
+      <Button onClick={handleCluster} isLoading={isPending} />
       <div className="stickies-grid">
         {stickies?.map((sticky) => (
           <Sticky key={sticky.id} sticky={sticky} />
diff --git a/frontend/src/components/sticky.css b/frontend/src/components/sticky.css
new file mode 100644
index 0000000..b760fdb
--- /dev/null
+++ b/frontend/src/components/sticky.css
@@ -0,0 +1,14 @@
+.sticky-note {
+  width: 180px;
+  min-height: 180px;
+  padding: 16px;
+  border-radius: 2px;
+  box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.15);
+  font-family: 'Patrick Hand', cursive, system-ui;
+  font-size: 14px;
+  line-height: 1.4;
+  color: #333;
+  display: flex;
+  align-items: flex-start;
+  word-break: break-word;
+}
diff --git a/frontend/src/components/sticky.tsx b/frontend/src/components/sticky.tsx
index 8123e57..3509ca8 100644
--- a/frontend/src/components/sticky.tsx
+++ b/frontend/src/components/sticky.tsx
@@ -1,4 +1,5 @@
 import type { Sticky as StickyType } from '../types/types';
+import './sticky.css';
 
 const COLOR_MAP: Record<string, string> = {
   yellow: '#fdfd96',
@@ -18,20 +19,9 @@ const Sticky = ({ sticky }: StickyProps) => {
 
   return (
     <div
+      className="sticky-note"
       style={{
         backgroundColor,
-        width: '180px',
-        minHeight: '180px',
-        padding: '16px',
-        borderRadius: '2px',
-        boxShadow: '2px 4px 8px rgba(0, 0, 0, 0.15)',
-        fontFamily: "'Patrick Hand', cursive, system-ui",
-        fontSize: '14px',
-        lineHeight: '1.4',
-        color: '#333',
-        display: 'flex',
-        alignItems: 'flex-start',
-        wordBreak: 'break-word',
         transform: `rotate(${Math.random() * 4 - 2}deg)`,
       }}
     >
diff --git a/frontend/src/pages/Home.tsx b/frontend/src/pages/Home.tsx
index 8735ca9..24e6f26 100644
--- a/frontend/src/pages/Home.tsx
+++ b/frontend/src/pages/Home.tsx
@@ -3,7 +3,7 @@ import Stickies from '../components/stickies';
 const Home = () => {
     return (
         <div>
-            <h1>Resias - </h1>
+            <h1>kohngrüti</h1>
             <Stickies />
         </div>
     );
