diff --git a/packages/fuselage/src/components/Message/MessageDivider/MessageDivider.styles.scss b/packages/fuselage/src/components/Message/MessageDivider/MessageDivider.styles.scss
index be469ea87a..38d251ba27 100644
--- a/packages/fuselage/src/components/Message/MessageDivider/MessageDivider.styles.scss
+++ b/packages/fuselage/src/components/Message/MessageDivider/MessageDivider.styles.scss
@@ -82,7 +82,7 @@ $message-divider-size-neg: theme(
     background-color: $message-background-color;
 
     &--unread {
-      position: absolute;
+      //position: absolute;
       z-index: 1;
       // right: lengths.padding(8);
 
diff --git a/packages/fuselage/src/components/Message/MessageDivider/MessageDivider.tsx b/packages/fuselage/src/components/Message/MessageDivider/MessageDivider.tsx
index e53892bc09..eca61c7484 100644
--- a/packages/fuselage/src/components/Message/MessageDivider/MessageDivider.tsx
+++ b/packages/fuselage/src/components/Message/MessageDivider/MessageDivider.tsx
@@ -4,7 +4,7 @@ import React from 'react';
 type MessageDividerProps = {
   children?: ReactNode;
   unreadLabel?: string;
-};
+} & Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>;
 
 export const MessageDivider = ({
   children,