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 ? (