From 4a489a2ae715d7ebd215ad0c71c12e6f4e4f6f79 Mon Sep 17 00:00:00 2001
From: Bogdan <bogdanscherbinadev@gmail.com>
Date: Fri, 29 Dec 2023 18:19:53 +0200
Subject: [PATCH] fix: snackbar alignment

---
 src/components/SettingsPageComp/ClearUndo.tsx | 4 ++--
 src/layouts/MainLayout.tsx                    | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/SettingsPageComp/ClearUndo.tsx b/src/components/SettingsPageComp/ClearUndo.tsx
index b5d449e..4183ad2 100644
--- a/src/components/SettingsPageComp/ClearUndo.tsx
+++ b/src/components/SettingsPageComp/ClearUndo.tsx
@@ -32,9 +32,9 @@ const ClearUndo = (props: UndoPropsType) => {
   };
 
   return (
-    <div className="flex items-center justify-around text-sm">
+    <div className="flex items-center text-sm">
       <p className="font-[400] text-inverse-on-surface">{title}</p>
-      <button className="font-[500] text-inverse-primary" type="button" onClick={handleClick}>
+      <button className="absolute right-3 font-[500] text-inverse-primary" type="button" onClick={handleClick}>
         {btn}
       </button>
     </div>
diff --git a/src/layouts/MainLayout.tsx b/src/layouts/MainLayout.tsx
index dd182ce..b95892e 100644
--- a/src/layouts/MainLayout.tsx
+++ b/src/layouts/MainLayout.tsx
@@ -47,7 +47,7 @@ const MainLayout = () => {
         transition={SnackBarTransition}
         position="bottom-left"
         toastClassName="!text-inverse-on-surface origin-bottom !bg-inverse-surface !min-w-[336px] !pl-4 !min-h-[48px] text-left"
-        bodyClassName="text-sm font-normal [&>div]:origin-bottom [&>div]:animate-fade-in-snackbar-body [&>div]:truncate w-full [&>div]:pe-16"
+        bodyClassName="text-sm font-normal relative !p-0 [&>div]:origin-bottom [&>div]:animate-fade-in-snackbar-body [&>div]:truncate w-full [&>div]:pe-16"
       />
     </ViewProvider>
   );