diff --git a/src/components/MessageBox/MessageBox.css b/src/components/MessageBox/MessageBox.css
index 64c3fa41..4614bae6 100644
--- a/src/components/MessageBox/MessageBox.css
+++ b/src/components/MessageBox/MessageBox.css
@@ -16,13 +16,12 @@
   background: white;
   /* padding: 20px; */
   width: 300px;
-  min-height: 150px;
+  height: 150px;
   /* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); */
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   border: none;
-  border-radius: 0 0 10px 10px;
 }
 
 .msgbox-container.with-border{
@@ -35,11 +34,11 @@
   margin-bottom: 10px;
   background-color: lightgrey;
   padding: 10px;
-  border-radius: 10px 10px 0 0;
+  /* border-radius: 10px 10px 0 0; */
 }
 
 .msgbox-header.with-border{
-  /* border-radius: 10px; */
+  border-radius: 10px;
 }
 
 .msgbox-body {
@@ -96,11 +95,11 @@
   justify-content: space-between;
   background-color: lightgrey;
   padding: 10px;
-  border-radius: 0 0 10px 10px;
+  /* border-radius: 0 0 10px 10px; */
 }
 
 .msgbox-footer.with-border{
-  /* border-radius: 10px; */
+  border-radius: 10px;
 }
 
 .rounded-button {
diff --git a/src/components/MessageBox/index.jsx b/src/components/MessageBox/index.jsx
index da56119d..0f93e3bc 100644
--- a/src/components/MessageBox/index.jsx
+++ b/src/components/MessageBox/index.jsx
@@ -39,7 +39,7 @@ const MsgBox = ({ data, onClose, isDesktop, options }) => {
           )}
           <span>{Text}</span>
         </div>
-        <div className={`msgbox-footer with-border`}>
+        <div className={`msgbox-footer ${renderCheck ? 'with-border': ''}`}>
           {Array.isArray(Btns) ? (
             Btns.map((btn, index) => (
               <button