diff --git a/app/client/src/widgets/AudioRecorderWidget/component/index.tsx b/app/client/src/widgets/AudioRecorderWidget/component/index.tsx
index 52230a66d8..69e796b76c 100644
--- a/app/client/src/widgets/AudioRecorderWidget/component/index.tsx
+++ b/app/client/src/widgets/AudioRecorderWidget/component/index.tsx
@@ -49,7 +49,12 @@ const RightContainer = styled.div`
flex-direction: column;
justify-content: space-around;
height: 100%;
- padding-left: 8%;
+ padding-left: 16px;
+
+ .status {
+ font-size: 16px;
+ font-weight: bold;
+ }
& > .controls {
display: flex;
@@ -58,6 +63,10 @@ const RightContainer = styled.div`
margin-left: 5%;
border: none;
}
+
+ button.close-button {
+ margin-left: auto;
+ }
}
`;
@@ -264,7 +273,8 @@ function PlayerButton(props: PlayerButtonProps) {
default:
return (
}
+ className="close-button"
+ icon={