From 8993f43803a9cc457309aa69c7afbed0fbdfa9e0 Mon Sep 17 00:00:00 2001
From: Palbolsky <palbolsky@gmail.com>
Date: Tue, 21 Apr 2026 21:49:24 +0200
Subject: [PATCH] Fix notification style

---
 src/views/components/Notification.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/views/components/Notification.tsx b/src/views/components/Notification.tsx
index 89ab2564..dd63386c 100644
--- a/src/views/components/Notification.tsx
+++ b/src/views/components/Notification.tsx
@@ -1,10 +1,10 @@
-import React, { ReactNode } from 'react';
-import styled, { css, keyframes } from 'styled-components';
-import SuccessIcon from '@assets/icons/notification/success.svg';
 import DangerIcon from '@assets/icons/notification/danger.svg';
 import InfoIcon from '@assets/icons/notification/info.svg';
+import SuccessIcon from '@assets/icons/notification/success.svg';
 import WarningIcon from '@assets/icons/notification/warning.svg';
 import { assertUnreachable } from '@utils/assertUnreachable';
+import React, { ReactNode } from 'react';
+import styled, { css, keyframes } from 'styled-components';
 
 const fadeIn = keyframes`
   from {
@@ -49,6 +49,8 @@ const NotificationContainer = styled.div`
   grid-template-columns: 40px auto;
   row-gap: 4px;
   column-gap: 16px;
+  width: 480px;
+  box-sizing: border-box;
   padding: 16px;
   border-radius: 4px;
   backdrop-filter: blur(24px);