diff --git a/styles/Components/transcripts.module.css b/styles/Components/transcripts.module.css
new file mode 100644
index 0000000..e10da3f
--- /dev/null
+++ b/styles/Components/transcripts.module.css
@@ -0,0 +1,39 @@
+.horizontalFlex {
+    width: 100vw;
+    display: flex;
+    flex-direction: row;
+    justify-content: left;
+    align-items: center;
+    gap: 10px;
+}
+
+.container {
+    width: 100vw;
+    display: flex;
+    flex-direction: row;
+    justify-content: left;
+    align-items: top;
+    gap: 10px;
+    margin-top: 20px;
+}
+
+.verticalFlex {
+    width: 100vw;
+    display: flex;
+    flex-direction: column;
+    justify-content: left;
+    align-items: flex-start;
+    gap: 10px;
+}
+
+.avatar {
+    border-radius: 25px;
+}
+
+.botBadge {
+    background-color: #6576CC;
+    color: white;
+    border-radius: 5px;
+    padding: 2px 5px;
+    font-size: 12px;
+}
\ No newline at end of file