diff --git a/src/components/common/messaging/attachments/MessageReply.tsx b/src/components/common/messaging/attachments/MessageReply.tsx
index 6c5a2486..7cb34577 100644
--- a/src/components/common/messaging/attachments/MessageReply.tsx
+++ b/src/components/common/messaging/attachments/MessageReply.tsx
@@ -29,6 +29,7 @@ export const ReplyBase = styled.div<{
     preview?: boolean;
 }>`
     gap: 4px;
+    min-width: 0;
     display: flex;
     margin-inline-start: 30px;
     margin-inline-end: 12px;
@@ -45,10 +46,11 @@ export const ReplyBase = styled.div<{
     }
 
     .user {
-        display: flex;
         gap: 4px;
+        display: flex;
         flex-shrink: 0;
         font-weight: 600;
+        overflow: visible;
         align-items: center;
 
         span {
diff --git a/src/pages/settings/panes/Sessions.tsx b/src/pages/settings/panes/Sessions.tsx
index 03aea2fb..ee712544 100644
--- a/src/pages/settings/panes/Sessions.tsx
+++ b/src/pages/settings/panes/Sessions.tsx
@@ -6,6 +6,7 @@ import {
     Microsoftedge,
     Linux,
     Macos,
+    Opera,
 } from "@styled-icons/simple-icons";
 import relativeTime from "dayjs/plugin/relativeTime";
 import { useHistory } from "react-router-dom";
@@ -70,6 +71,8 @@ export function Sessions() {
                 return <Safari size={32} />;
             case /edge/i.test(name):
                 return <Microsoftedge size={32} />;
+            case /opera/i.test(name):
+                return <Opera size={32} />;
             default:
                 return <HelpCircle size={32} />;
         }