diff --git a/src/parent-style.css b/src/parent-style.css
index 87f19c559ff5a221384e6ec2bb0cbd8cc75a354f..7dfe7077144711f3c99bae7fbbc739fb2892c747 100644
--- a/src/parent-style.css
+++ b/src/parent-style.css
@@ -3,12 +3,14 @@
     right: 20px;
     bottom: 100px;
     border: none;
+    border-radius: 12px;
     /*
      this is to prevent the display of the smaller iframe before it is resized
      programmatically.
     */
     height: 0;
     width: 0;
+    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 14px 64px -10px rgba(0, 0, 0, 0.2);
 }
 
 @media (max-width: 800px) {
diff --git a/src/parent.ts b/src/parent.ts
index af78fcfda1330649988bac920dc5d40bc81e0472..208267a72b40a1a3174ecb72f5694db46a8e7700 100644
--- a/src/parent.ts
+++ b/src/parent.ts
@@ -7,8 +7,8 @@ const hostRoot = `${parentHosRootURL.protocol}${parentHosRootURL.host}`;
 
 const sizeCollection = {
     "desktop": {
-        "account-setup": { height: "110px", width: "360px" },
-        "timeline": {height: "600px", width: "375px"}
+        "account-setup": { height: "334px", width: "375px" },
+        "timeline": {height: "595px", width: "375px"}
     },
     "mobile": {
         "account-setup": { height: "100vh", width: "100vw" },