From 027df7abf2d5c7728301c37192d103b1387cbc0a Mon Sep 17 00:00:00 2001
From: Andrew Izvarin <andrew.izvarin@gmail.com>
Date: Wed, 11 Sep 2024 19:15:39 +0300
Subject: [PATCH] KB-63 optimize size of radio buttons on small screen sizes

---
 src/components/RadioGroup/RadioGroup.style.ts | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/components/RadioGroup/RadioGroup.style.ts b/src/components/RadioGroup/RadioGroup.style.ts
index d9846f3..89b4d31 100644
--- a/src/components/RadioGroup/RadioGroup.style.ts
+++ b/src/components/RadioGroup/RadioGroup.style.ts
@@ -1,5 +1,6 @@
 import styled, { css } from 'styled-components';
 import { getValueFromTheme } from '../../common/utils/getValueFromTheme';
+import { media } from '../../common/styles/styles';
 
 export const RadioGroupWrapper = styled.div<{ fullWidth?: boolean, rounded?: boolean }>`
   width: ${(props) => props.fullWidth ? '100%' : 'auto'};
@@ -49,4 +50,8 @@ export const RadioGroupOption = styled.div<{active: boolean, rounded?: boolean}>
     box-shadow: 0 0 2px rgba(0, 0, 0, 0.12);
     color: #141518;
   ` : ''};
+
+  ${media.extraSmallMode} {
+    padding: 6px;
+  }
 `;
\ No newline at end of file