diff --git a/src/components/AddProductForm/AddProductForm.styled.jsx b/src/components/AddProductForm/AddProductForm.styled.jsx
index b0cba5ce..a139f193 100644
--- a/src/components/AddProductForm/AddProductForm.styled.jsx
+++ b/src/components/AddProductForm/AddProductForm.styled.jsx
@@ -27,7 +27,7 @@ export const InputTitle = styled.input`
   height: 34px;
   padding: 8px 14px;
   border-radius: 12px;
-  border: 1px solid ${colors.orange};
+  border: 1px solid ${colors.textWhite03};
   gap: 10px;
   background-color: inherit;
   color: ${colors.textWhite03};
@@ -104,7 +104,7 @@ export const Calories = styled.p`
 
 export const TitleCalories = styled.span`
   font-family: Roboto;
-  font-size: 12px;
+  font-size: 15px;
   font-weight: 400;
   line-height: 18px;
   letter-spacing: 0px;
diff --git a/src/components/Modal/Modal.styled.jsx b/src/components/Modal/Modal.styled.jsx
index b2a15f57..2adabcec 100644
--- a/src/components/Modal/Modal.styled.jsx
+++ b/src/components/Modal/Modal.styled.jsx
@@ -18,11 +18,10 @@ export const ModalWrap = styled.div`
   position: absolute;
 
   overflow: auto;
-  height: ${props => props.height[0]}px;
+  max-height: ${props => props.height[0]}px;
 
   display: flex;
   justify-content: center;
-  align-items: center;
 
   ${mq.smallMobile} {
     width: 300px;
@@ -37,7 +36,7 @@ export const ModalWrap = styled.div`
 
   ${mq.tablet} {
     width: ${props => props.width}px;
-    height: ${props => props.height[1]}px;
+    max-height: ${props => props.height[1]}px;
 
     padding: 48px 32px;
   }
diff --git a/src/components/ProductsOrExercisesItem/ProductsOrExercisesItem.jsx b/src/components/ProductsOrExercisesItem/ProductsOrExercisesItem.jsx
index 115b9994..07fc24b5 100644
--- a/src/components/ProductsOrExercisesItem/ProductsOrExercisesItem.jsx
+++ b/src/components/ProductsOrExercisesItem/ProductsOrExercisesItem.jsx
@@ -119,7 +119,7 @@ const ProductsOrExercisesItem = ({ page, data }) => {
           return;
         },
         {
-          backgroundColor: `${colors.black}`,
+          backgroundColor: `#2f2e2e`,
           titleColor: `${colors.orange}`,
           messageColor: `${colors.orangeSecondary}`,
           okButtonBackground: `${colors.orange}`,
diff --git a/src/components/headersComp/UserNav/UserNav.styled.js b/src/components/headersComp/UserNav/UserNav.styled.js
index 2fbda59c..57f104fc 100644
--- a/src/components/headersComp/UserNav/UserNav.styled.js
+++ b/src/components/headersComp/UserNav/UserNav.styled.js
@@ -16,6 +16,12 @@ export const Svg = styled.svg`
   width: 24px;
   height: 24px;
   stroke: currentColor;
+  transition: scale 250ms cubic-bezier(0.4, 0, 0.2, 1);
+
+  &:hover,
+  :focus {
+    scale: 1.2;
+  }
 `;
 export const SvgUser = styled.svg`
   ${svgUser}