diff --git a/.changeset/fix-right-aligned-bubbles-message-header-order.md b/.changeset/fix-right-aligned-bubbles-message-header-order.md
new file mode 100644
index 000000000..107eab991
--- /dev/null
+++ b/.changeset/fix-right-aligned-bubbles-message-header-order.md
@@ -0,0 +1,5 @@
+---
+default: patch
+---
+
+Reverse the order of message header elements in the right aligned bubbles layout.
diff --git a/src/app/features/room/message/Message.tsx b/src/app/features/room/message/Message.tsx
index 02f29381b..045dd6973 100644
--- a/src/app/features/room/message/Message.tsx
+++ b/src/app/features/room/message/Message.tsx
@@ -620,12 +620,25 @@ function MessageInternal(
   const headerJSX = !collapse && (
     <Box
       gap="300"
-      direction={messageLayout === MessageLayout.Compact ? 'RowReverse' : 'Row'}
+      direction={
+        messageLayout === MessageLayout.Compact ||
+        (messageLayout === MessageLayout.Bubble && useRightBubbles && senderId === mx.getUserId())
+          ? 'RowReverse'
+          : 'Row'
+      }
       justifyContent="SpaceBetween"
       alignItems="Baseline"
       grow="Yes"
     >
-      <Box alignItems="Center" gap="100">
+      <Box
+        alignItems="Center"
+        gap="100"
+        direction={
+          messageLayout === MessageLayout.Bubble && useRightBubbles && senderId === mx.getUserId()
+            ? 'RowReverse'
+            : undefined
+        }
+      >
         <Username
           as="button"
           style={{