diff --git a/ts/components/CompositionArea.tsx b/ts/components/CompositionArea.tsx
index 2a658b8bc8..8519744c14 100644
--- a/ts/components/CompositionArea.tsx
+++ b/ts/components/CompositionArea.tsx
@@ -11,10 +11,8 @@ import type {
   LocalizerType,
   ThemeType,
 } from '../types/Util';
-import type {
-  ErrorDialogAudioRecorderType,
-  RecordingState,
-} from '../state/ducks/audioRecorder';
+import type { ErrorDialogAudioRecorderType } from '../state/ducks/audioRecorder';
+import { RecordingState } from '../state/ducks/audioRecorder';
 import type { HandleAttachmentsProcessingArgsType } from '../util/handleAttachmentsProcessing';
 import { Spinner } from './Spinner';
 import type { Props as EmojiButtonProps } from './emoji/EmojiButton';
@@ -399,16 +397,18 @@ export const CompositionArea = ({
     />
   ) : null;
 
-  const attButton = linkPreviewResult ? undefined : (
-    <div className="CompositionArea__button-cell">
-      <button
-        type="button"
-        className="CompositionArea__attach-file"
-        onClick={launchAttachmentPicker}
-        aria-label={i18n('CompositionArea--attach-file')}
-      />
-    </div>
-  );
+  const isRecording = recordingState === RecordingState.Recording;
+  const attButton =
+    linkPreviewResult || isRecording ? undefined : (
+      <div className="CompositionArea__button-cell">
+        <button
+          type="button"
+          className="CompositionArea__attach-file"
+          onClick={launchAttachmentPicker}
+          aria-label={i18n('CompositionArea--attach-file')}
+        />
+      </div>
+    );
 
   const sendButtonFragment = (
     <div
diff --git a/ts/views/conversation_view.ts b/ts/views/conversation_view.ts
index a7bf980243..bdbca59406 100644
--- a/ts/views/conversation_view.ts
+++ b/ts/views/conversation_view.ts
@@ -110,6 +110,7 @@ import { resolveAttachmentDraftData } from '../util/resolveAttachmentDraftData';
 import { showToast } from '../util/showToast';
 import { viewSyncJobQueue } from '../jobs/viewSyncJobQueue';
 import { viewedReceiptsJobQueue } from '../jobs/viewedReceiptsJobQueue';
+import { RecordingState } from '../state/ducks/audioRecorder';
 
 type AttachmentOptions = {
   messageId: string;
@@ -964,7 +965,12 @@ export class ConversationView extends window.Backbone.View<ConversationModel> {
 
   // TODO DESKTOP-2426
   async processAttachments(files: Array<File>): Promise<void> {
-    if (this.preview) {
+    const state = window.reduxStore.getState();
+
+    const isRecording =
+      state.audioRecorder.recordingState === RecordingState.Recording;
+
+    if (this.preview || isRecording) {
       return;
     }