From eb2e60b2eb681bba579cdfdfd163d06b30c92126 Mon Sep 17 00:00:00 2001
From: Warrick Corfe-Tan <warrickct@gmail.com>
Date: Fri, 18 Jun 2021 11:34:10 +1000
Subject: [PATCH] Fixed update-group-name dialog styling.

---
 stylesheets/_index.scss                              | 1 +
 ts/components/conversation/UpdateGroupNameDialog.tsx | 1 +
 ts/components/session/SessionWrapperModal.tsx        | 4 +++-
 3 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/stylesheets/_index.scss b/stylesheets/_index.scss
index 6c336fc2f..09094cb46 100644
--- a/stylesheets/_index.scss
+++ b/stylesheets/_index.scss
@@ -10,6 +10,7 @@
 .edit-profile-dialog,
 .create-group-dialog,
 .user-details-dialog,
+.update-group-dialog,
 .onion-status-dialog {
   .content {
     max-width: 100% !important;
diff --git a/ts/components/conversation/UpdateGroupNameDialog.tsx b/ts/components/conversation/UpdateGroupNameDialog.tsx
index 0108b58a0..d3d1d1e9c 100644
--- a/ts/components/conversation/UpdateGroupNameDialog.tsx
+++ b/ts/components/conversation/UpdateGroupNameDialog.tsx
@@ -85,6 +85,7 @@ class UpdateGroupNameDialogInner extends React.Component<Props, State> {
         // tslint:disable-next-line: no-void-expression
         onClose={() => this.closeDialog()}
         theme={this.props.theme}
+        additionalClassName="update-group-dialog"
       >
         {this.state.errorDisplayed ? (
           <>
diff --git a/ts/components/session/SessionWrapperModal.tsx b/ts/components/session/SessionWrapperModal.tsx
index 14ea480e1..f348ecccd 100644
--- a/ts/components/session/SessionWrapperModal.tsx
+++ b/ts/components/session/SessionWrapperModal.tsx
@@ -41,6 +41,7 @@ export type SessionWrapperModalType = {
   headerIconButtons?: any[];
   children: any;
   headerReverse?: boolean;
+  additionalClassName?: string;
 };
 
 export const SessionWrapperModal = (props: SessionWrapperModalType) => {
@@ -56,6 +57,7 @@ export const SessionWrapperModal = (props: SessionWrapperModalType) => {
     theme,
     headerIconButtons,
     headerReverse,
+    additionalClassName
   } = props;
 
   useEffect(() => {
@@ -75,7 +77,7 @@ export const SessionWrapperModal = (props: SessionWrapperModalType) => {
   };
 
   return (
-    <div className="loki-dialog modal">
+    <div className={"loki-dialog modal " + additionalClassName}>
       <div className="session-confirm-wrapper">
         <div className="session-modal">
           {showHeader ? (