diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index badf0bb3b..65ff7a9a4 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -148,7 +148,7 @@ const GlobalStyles = createGlobalStyle`
     .alert-primary {
         background-color: #c4ffd6;
     }
-    .my-modal{
+    .ente-modal{
         width: 500px;
         max-width:100%;
     } 
diff --git a/src/pages/gallery/components/AddCollection.tsx b/src/pages/gallery/components/AddCollection.tsx
index 0bd890ed3..7faabce1e 100644
--- a/src/pages/gallery/components/AddCollection.tsx
+++ b/src/pages/gallery/components/AddCollection.tsx
@@ -56,7 +56,7 @@ export default function AddCollection({
                 centered
                 backdrop="static"
                 style={{ background: 'rgba(0, 0, 0, 0.8)' }}
-                dialogClassName="my-modal"
+                dialogClassName="ente-modal"
             >
                 <Modal.Header closeButton>
                     <Modal.Title>{constants.CREATE_COLLECTION}</Modal.Title>
diff --git a/src/pages/gallery/components/UploadProgress.tsx b/src/pages/gallery/components/UploadProgress.tsx
index f273227d6..ff3279868 100644
--- a/src/pages/gallery/components/UploadProgress.tsx
+++ b/src/pages/gallery/components/UploadProgress.tsx
@@ -17,7 +17,7 @@ export default function UploadProgress({
             aria-labelledby="contained-modal-title-vcenter"
             centered
             backdrop="static"
-            dialogClassName="my-modal"
+            dialogClassName="ente-modal"
         >
             <Modal.Header>
                 <Modal.Title id="contained-modal-title-vcenter">