diff --git a/components/brave_rewards/resources/ui/components/grantCaptcha/style.ts b/components/brave_rewards/resources/ui/components/grantCaptcha/style.ts
index e5cb42ddce77..61a2b2f8fca7 100644
--- a/components/brave_rewards/resources/ui/components/grantCaptcha/style.ts
+++ b/components/brave_rewards/resources/ui/components/grantCaptcha/style.ts
@@ -6,7 +6,7 @@ import styled from 'styled-components'
 
 export const StyledWrapper = styled<{}, 'div'>('div')`
   text-align: center;
-  margin: 15px 0 0 -32px;
+  margin: 10px 0 0 -32px;
   width: 333px;
 `
 
diff --git a/components/brave_rewards/resources/ui/components/grantWrapper/style.ts b/components/brave_rewards/resources/ui/components/grantWrapper/style.ts
index e1b992afe2d7..9449975a66d4 100644
--- a/components/brave_rewards/resources/ui/components/grantWrapper/style.ts
+++ b/components/brave_rewards/resources/ui/components/grantWrapper/style.ts
@@ -81,13 +81,13 @@ export const StyledText = styled<{}, 'div'>('div')`
 export const StyledGrantIcon = styled<{}, 'img'>('img')`
   height: 53px;
   width: 53px;
-  margin: 25px auto 15px;
+  margin: 20px auto 10px;
 `
 
 export const StyledPanelText = styled<{}, 'div'>('div')`
   padding: 7px;
   font-size: 12px;
-  margin: 7px auto 0px;
+  margin: 5px auto 0px;
   background: rgba(241, 241, 245, 0.70);
   border-radius: 8px 8px 8px 8px;
 `