Fix InvisibleChat button getting hidden by themes

src/plugins/invisibleChat/index.tsx

@@ -70,6 +70,13 @@ function ChatBarIcon() {
         <Tooltip text="Encrypt Message">
             {({ onMouseEnter, onMouseLeave }) => (
                 // size="" = Button.Sizes.NONE
+                /*
+                    many themes set "> button" to display: none, as the gift button is
+                    the only directly descending button (all the other elements are divs.)
+                    Thus, wrap in a div here to avoid getting hidden by that.
+                    flex is for some reason necessary as otherwise the button goes flying off
+                */
+                <div style={{ display: "flex" }}>
                     <Button
                         aria-haspopup="dialog"
                         aria-label="Encrypt Message"
@@ -94,8 +101,10 @@ function ChatBarIcon() {
                             </svg>
                         </div>
                     </Button>
-            )}
+                </div>
-        </Tooltip>
+            )
+            }
+        </Tooltip >
     );
 }