From a3005cfcd8327aa8d91dbfb03e0ff5f94d8fc28e Mon Sep 17 00:00:00 2001
From: trashtemp <96388163+trashtemp@users.noreply.github.com>
Date: Sat, 15 Jan 2022 13:16:27 +0100
Subject: [PATCH] fix(msgbar): use vertical dots

---
 src/components/common/messaging/bars/MessageOverlayBar.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/common/messaging/bars/MessageOverlayBar.tsx b/src/components/common/messaging/bars/MessageOverlayBar.tsx
index 6ac17916..dd7c7acf 100644
--- a/src/components/common/messaging/bars/MessageOverlayBar.tsx
+++ b/src/components/common/messaging/bars/MessageOverlayBar.tsx
@@ -1,4 +1,4 @@
-import { DotsHorizontalRounded, LinkAlt } from "@styled-icons/boxicons-regular";
+import { DotsVerticalRounded, LinkAlt } from "@styled-icons/boxicons-regular";
 import {
     Pencil,
     Trash,
@@ -63,13 +63,13 @@ const Entry = styled.div`
     flex-shrink: 0;
     cursor: pointer;
     transition: 0.2s ease background-color;
-    border-radius: var(--border-radius);
 
     &:hover {
         background: var(--secondary-header);
     }
 
     &:focus {
+        border-radius: var(--border-radius);
         box-shadow: 0 0 0 2.5pt var(--accent);
     }
 
@@ -146,7 +146,7 @@ export const MessageOverlayBar = observer(({ message, queued }: Props) => {
                         })
                     }>
                     <IconButton>
-                        <DotsHorizontalRounded size={18} />
+                        <DotsVerticalRounded size={18} />
                     </IconButton>
                 </Entry>
             </Tooltip>