diff --git a/components/brave_new_tab_ui/components/default/notification/index.ts b/components/brave_new_tab_ui/components/default/notification/index.ts
index c3ee7cca8d77..54dd074c3b16 100644
--- a/components/brave_new_tab_ui/components/default/notification/index.ts
+++ b/components/brave_new_tab_ui/components/default/notification/index.ts
@@ -9,13 +9,13 @@ export const SiteRemovalNotification = styled<{}, 'header'>('header')`
   border-radius: 8px;
   box-shadow: 2px 2px 6px rgba(0,0,0,0.3);
   background-color: #fff;
-  width: 100%;
-  max-width: 500px;
   height: 100px;
   align-items: center;
   padding: 30px 60px;
-  display: flex;
-  justify-content: space-between;
+  display: grid;
+ grid-auto-flow: column;
+ grid-auto-columns: auto;
+  grid-gap: 15px;
 `
 
 export const SiteRemovalText = styled<{}, 'span'>('span')`