diff --git a/src/components/common/Composer.scss b/src/components/common/Composer.scss
index f3cb8a29e..e2365dcb1 100644
--- a/src/components/common/Composer.scss
+++ b/src/components/common/Composer.scss
@@ -418,28 +418,6 @@
background: var(--color-background);
box-shadow: 0 1px 2px var(--color-default-shadow);
- .ai-composer-button {
- position: absolute;
- z-index: 1;
- top: 0.4375rem;
- right: 0.625rem;
-
- width: 1.75rem;
- height: 1.75rem;
-
- color: var(--color-composer-button);
-
- opacity: 1;
-
- transition: opacity 150ms ease-out;
- }
-
- .ai-composer-button-hidden {
- pointer-events: none;
- opacity: 0;
- transition: opacity 150ms ease-out;
- }
-
&.with-story-tweaks {
border-radius: var(--border-radius-default-small);
border-bottom-right-radius: 0;
@@ -475,8 +453,31 @@
--action-button-size: var(--base-height, 3rem);
--action-button-compact-fix: -0.75rem;
+ position: relative;
display: flex;
+ .ai-composer-button {
+ position: absolute;
+ z-index: 1;
+ top: 0.4375rem;
+ right: 0.625rem;
+
+ width: 1.75rem;
+ height: 1.75rem;
+
+ color: var(--color-composer-button);
+
+ opacity: 1;
+
+ transition: opacity 150ms ease-out;
+ }
+
+ .ai-composer-button-hidden {
+ pointer-events: none;
+ opacity: 0;
+ transition: opacity 150ms ease-out;
+ }
+
.input-scroller {
--_scroller-right-gap: calc((var(--action-button-size) + var(--action-button-compact-fix) - 0.125rem));
diff --git a/src/components/common/Composer.tsx b/src/components/common/Composer.tsx
index 6bca516aa..74d40c0eb 100644
--- a/src/components/common/Composer.tsx
+++ b/src/components/common/Composer.tsx
@@ -2256,17 +2256,6 @@ const Composer = ({
)}
-
{isInMessageList && (
<>
)}
+
)}
-
-
-
+
+
+
{canSendOneTimeMedia && activeVoiceRecording && (