diff --git a/app/client/src/components/ads/Toast.tsx b/app/client/src/components/ads/Toast.tsx
index 0662fc436e..dda574a898 100644
--- a/app/client/src/components/ads/Toast.tsx
+++ b/app/client/src/components/ads/Toast.tsx
@@ -59,7 +59,8 @@ const ToastBody = styled.div<{
   dispatchableAction?: { type: ReduxActionType; payload: any };
   width?: string;
 }>`
-  width: ${(props) => props.width || "264px"};
+  width: ${(props) => props.width || "fit-content"};
+  margin-left: auto;
   background: ${(props) => props.theme.colors.toast.bg};
   padding: ${(props) => props.theme.spaces[4]}px
     ${(props) => props.theme.spaces[5]}px;
@@ -130,6 +131,7 @@ const StyledDebugButton = styled(DebugButton)`
 const StyledActionText = styled(Text)`
   color: ${(props) => props.theme.colors.toast.undoRedoColor} !important;
   cursor: pointer;
+  margin-left: ${(props) => props.theme.spaces[3]}px;
 `;
 
 export function ToastComponent(
diff --git a/app/client/src/index.css b/app/client/src/index.css
index 7b5aa6b5ac..016901fb71 100755
--- a/app/client/src/index.css
+++ b/app/client/src/index.css
@@ -46,6 +46,7 @@ div.bp3-popover-arrow {
 .Toastify__toast {
   padding: 0 !important;
   border-radius: 4px !important;
+  box-shadow: none !important;
 }
 .Toastify__toast-body {
   margin: 0 !important;