diff --git a/openmetadata-ui/src/main/resources/ui/src/styles/index.js b/openmetadata-ui/src/main/resources/ui/src/styles/index.js
index d60d2aeead2..ab9df01930c 100644
--- a/openmetadata-ui/src/main/resources/ui/src/styles/index.js
+++ b/openmetadata-ui/src/main/resources/ui/src/styles/index.js
@@ -18,6 +18,7 @@ import './app.less';
 import './components/glossary.less';
 import './components/step.less';
 import './fonts.css';
+import './modal.less';
 import './myDataDetailsTemp.css';
 import './slick-carousel.scss';
 import './tailwind.css';
diff --git a/openmetadata-ui/src/main/resources/ui/src/styles/modal.less b/openmetadata-ui/src/main/resources/ui/src/styles/modal.less
new file mode 100644
index 00000000000..b353ea76819
--- /dev/null
+++ b/openmetadata-ui/src/main/resources/ui/src/styles/modal.less
@@ -0,0 +1,29 @@
+.ant-modal-content {
+  border-radius: 8px;
+  box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.2);
+}
+
+.ant-modal-header {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+  border-bottom: 1px solid #dde3ea;
+}
+
+.ant-modal-footer {
+  padding: 16px 23px;
+  border-top: 1px solid #dde3ea;
+}
+
+.ant-modal-close {
+  display: none;
+}
+
+.ant-modal-footer .ant-btn-default {
+  border: none;
+  color: #7147e8;
+  margin-right: 5px;
+}
+
+.ant-modal-footer .ant-btn-primary {
+  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
+}