fix(voice): fixed header style

src/components/common/IconBase.tsx

@@ -21,7 +21,7 @@ interface IconModifiers {
 
 export default styled.svg<IconModifiers>`
     flex-shrink: 0;
-
+    cursor: pointer;
     img {
         width: 100%;
         height: 100%;

src/components/common/messaging/attachments/MessageReply.tsx

@@ -60,6 +60,7 @@ export const ReplyBase = styled.div<{
     }
 
     .user {
+        //margin-inline-start: 12px;
         gap: 6px;
         display: flex;
         flex-shrink: 0;
@@ -98,6 +99,10 @@ export const ReplyBase = styled.div<{
         transition: transform ease-in-out 0.1s;
         filter: brightness(1);
 
+        > svg {
+            flex-shrink: 0;
+        }
+
         > span > p {
             display: flex;
             align-items: center;

src/components/common/user/UserIcon.tsx

@@ -1,5 +1,4 @@
-import { MicrophoneOff } from "@styled-icons/boxicons-regular";
-import { VolumeMute } from "@styled-icons/boxicons-solid";
+import { VolumeMute, MicrophoneOff } from "@styled-icons/boxicons-solid";
 import { observer } from "mobx-react-lite";
 import { useParams } from "react-router-dom";
 import { Masquerade } from "revolt-api/types/Channels";
@@ -44,10 +43,6 @@ const VoiceIndicator = styled.div<{ status: VoiceStatus }>`
     align-items: center;
     justify-content: center;
 
-    svg {
-        stroke: white;
-    }
-
     ${(props) =>
         (props.status === "muted" || props.status === "deaf") &&
         css`

src/components/markdown/Markdown.module.scss

@@ -92,6 +92,7 @@
 
     p > code {
         padding: 1px 4px;
+        flex-shrink: 0;
     }
 
     code {