diff --git a/client/public/fonts/signifier-bold-italic.woff2 b/client/public/fonts/signifier-bold-italic.woff2
new file mode 100644
index 000000000..cebb25db2
Binary files /dev/null and b/client/public/fonts/signifier-bold-italic.woff2 differ
diff --git a/client/public/fonts/signifier-bold.woff2 b/client/public/fonts/signifier-bold.woff2
new file mode 100644
index 000000000..b76fecbac
Binary files /dev/null and b/client/public/fonts/signifier-bold.woff2 differ
diff --git a/client/public/fonts/signifier-light-italic.woff2 b/client/public/fonts/signifier-light-italic.woff2
new file mode 100644
index 000000000..dc144f106
Binary files /dev/null and b/client/public/fonts/signifier-light-italic.woff2 differ
diff --git a/client/public/fonts/signifier-light.woff2 b/client/public/fonts/signifier-light.woff2
new file mode 100644
index 000000000..1077c6b9e
Binary files /dev/null and b/client/public/fonts/signifier-light.woff2 differ
diff --git a/client/public/fonts/soehne-buch-kursiv.woff2 b/client/public/fonts/soehne-buch-kursiv.woff2
new file mode 100644
index 000000000..8d4b03588
Binary files /dev/null and b/client/public/fonts/soehne-buch-kursiv.woff2 differ
diff --git a/client/public/fonts/soehne-buch.woff2 b/client/public/fonts/soehne-buch.woff2
new file mode 100644
index 000000000..b1ceb94fa
Binary files /dev/null and b/client/public/fonts/soehne-buch.woff2 differ
diff --git a/client/public/fonts/soehne-halbfett-kursiv.woff2 b/client/public/fonts/soehne-halbfett-kursiv.woff2
new file mode 100644
index 000000000..f7fd3c64b
Binary files /dev/null and b/client/public/fonts/soehne-halbfett-kursiv.woff2 differ
diff --git a/client/public/fonts/soehne-halbfett.woff2 b/client/public/fonts/soehne-halbfett.woff2
new file mode 100644
index 000000000..19ed66001
Binary files /dev/null and b/client/public/fonts/soehne-halbfett.woff2 differ
diff --git a/client/public/fonts/soehne-kraftig-kursiv.woff2 b/client/public/fonts/soehne-kraftig-kursiv.woff2
new file mode 100644
index 000000000..669ab6920
Binary files /dev/null and b/client/public/fonts/soehne-kraftig-kursiv.woff2 differ
diff --git a/client/public/fonts/soehne-kraftig.woff2 b/client/public/fonts/soehne-kraftig.woff2
new file mode 100644
index 000000000..59c98a170
Binary files /dev/null and b/client/public/fonts/soehne-kraftig.woff2 differ
diff --git a/client/public/fonts/soehne-mono-buch-kursiv.woff2 b/client/public/fonts/soehne-mono-buch-kursiv.woff2
new file mode 100644
index 000000000..c20b74263
Binary files /dev/null and b/client/public/fonts/soehne-mono-buch-kursiv.woff2 differ
diff --git a/client/public/fonts/soehne-mono-buch.woff2 b/client/public/fonts/soehne-mono-buch.woff2
new file mode 100644
index 000000000..68e14f303
Binary files /dev/null and b/client/public/fonts/soehne-mono-buch.woff2 differ
diff --git a/client/public/fonts/soehne-mono-halbfett.woff2 b/client/public/fonts/soehne-mono-halbfett.woff2
new file mode 100644
index 000000000..e14cbdc53
Binary files /dev/null and b/client/public/fonts/soehne-mono-halbfett.woff2 differ
diff --git a/client/src/components/Conversations/Conversation.jsx b/client/src/components/Conversations/Conversation.jsx
index ed13eea26..18831361a 100644
--- a/client/src/components/Conversations/Conversation.jsx
+++ b/client/src/components/Conversations/Conversation.jsx
@@ -126,7 +126,7 @@ export default function Conversation({ conversation, retainView }) {
           />
         </div>
       ) : (
-        <div className="absolute inset-y-0 right-0 z-10 w-8 bg-gradient-to-l from-gray-900 group-hover:from-[#2A2B32]" />
+        <div className="absolute inset-y-0 right-0 z-10 w-8 bg-gradient-to-l from-gray-900 group-hover:from-[#2A2B32] rounded-r-md" />
       )}
     </a>
   );
diff --git a/client/src/style.css b/client/src/style.css
index dedde3d93..8c9cec442 100644
--- a/client/src/style.css
+++ b/client/src/style.css
@@ -2,6 +2,110 @@
 @tailwind components;
 @tailwind utilities;
 
+@font-face {
+  font-display: swap;
+  font-family: Signifier;
+  font-style: normal;
+  font-weight: 400;
+  src: url("../public/fonts/signifier-light.woff2") format("woff2")
+}
+
+@font-face {
+  font-display: swap;
+  font-family: Signifier;
+  font-style: italic;
+  font-weight: 400;
+  src: url("../public/fonts/signifier-light-italic.woff2") format("woff2")
+}
+
+@font-face {
+  font-display: swap;
+  font-family: Signifier;
+  font-style: normal;
+  font-weight: 700;
+  src: url("../public/fonts/signifier-bold.woff2") format("woff2")
+}
+
+@font-face {
+  font-display: swap;
+  font-family: Signifier;
+  font-style: italic;
+  font-weight: 700;
+  src: url("../public/fonts/signifier-bold-italic.woff2") format("woff2")
+}
+
+@font-face {
+  font-display: swap;
+  font-family: Söhne;
+  font-style: normal;
+  font-weight: 400;
+  src: url("../public/fonts/soehne-buch.woff2") format("woff2")
+}
+
+@font-face {
+  font-display: swap;
+  font-family: Söhne;
+  font-style: italic;
+  font-weight: 400;
+  src: url("../public/fonts/soehne-buch-kursiv.woff2") format("woff2")
+}
+
+@font-face {
+  font-display: swap;
+  font-family: Söhne;
+  font-style: normal;
+  font-weight: 500;
+  src: url("../public/fonts/soehne-kraftig.woff2") format("woff2")
+}
+
+@font-face {
+  font-display: swap;
+  font-family: Söhne;
+  font-style: italic;
+  font-weight: 500;
+  src: url("../public/fonts/soehne-kraftig-kursiv.woff2") format("woff2")
+}
+
+@font-face {
+  font-display: swap;
+  font-family: Söhne;
+  font-style: normal;
+  font-weight: 600;
+  src: url("../public/fonts/soehne-halbfett.woff2") format("woff2")
+}
+
+@font-face {
+  font-display: swap;
+  font-family: Söhne;
+  font-style: italic;
+  font-weight: 600;
+  src: url("../public/fonts/soehne-halbfett-kursiv.woff2") format("woff2")
+}
+
+@font-face {
+  font-display: swap;
+  font-family: Söhne Mono;
+  font-style: normal;
+  font-weight: 400;
+  src: url("../public/fonts/soehne-mono-buch.woff2") format("woff2")
+}
+
+@font-face {
+  font-display: swap;
+  font-family: Söhne Mono;
+  font-style: normal;
+  font-weight: 700;
+  src: url("../public/fonts/soehne-mono-halbfett.woff2") format("woff2")
+}
+
+@font-face {
+  font-display: swap;
+  font-family: Söhne Mono;
+  font-style: italic;
+  font-weight: 400;
+  src: url("../public/fonts/soehne-mono-buch-kursiv.woff2") format("woff2")
+}
+
 /* * {
   box-sizing: border-box;
   outline: 1px solid limegreen !important;
diff --git a/client/tailwind.config.cjs b/client/tailwind.config.cjs
index 81b27fb00..6e118d2f0 100644
--- a/client/tailwind.config.cjs
+++ b/client/tailwind.config.cjs
@@ -9,10 +9,11 @@ module.exports = {
     // colors: {
     //   'gpt-dark-gray': '#343541',
     // },
+    fontFamily: {
+      sans: ['Söhne', 'sans-serif'],
+      mono: ['Söhne Mono', 'monospace'],	
+    },
     extend: {
-      // fontFamily: {
-      //   sans: ['var(--font-sans)', ...fontFamily.sans]
-      // },
       keyframes: {
         'accordion-down': {
           from: { height: 0 },
@@ -52,7 +53,7 @@ module.exports = {
           800: "#06373e",
           900: "#031f29",
         },
-    }
+      }
     }
   },
   plugins: [