fix: review comments

deriv-com · Feb 16, 2024 · 7cb5903 · 7cb5903
1 parent e38c954
commit 7cb5903
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 5 deletions.
diff --git a/lib/components/SideNote/SideNote.scss b/lib/components/SideNote/SideNote.scss
@@ -1,8 +1,8 @@
 .deriv-side-note {
     background-color: #f2f3f4;
     color: #333333;
-    padding: 1rem 1.5rem;
-    border-radius: 0.5rem;
+    padding: 16px 24px;
+    border-radius: 8px;
 
     &:hover > &__action {
         text-decoration: underline;
@@ -11,9 +11,8 @@
     &__action {
         width: 100%;
         display: flex;
-        flex-direction: row;
         align-items: center;
-        gap: 0.5rem;
+        gap: 8px;
         cursor: pointer;
     }
 }
diff --git a/lib/components/SideNote/index.tsx b/lib/components/SideNote/index.tsx
@@ -37,7 +37,7 @@ export const SideNote = ({
   actionClassName,
   actionLabel,
   ...props
-}: PropsWithChildren<SideNoteProps>): React.JSX.Element => (
+}: PropsWithChildren<SideNoteProps>) => (
   <div className={clsx("deriv-side-note", className)} {...props}>
     {title && (
       <Text size={titleSize} align="center" weight="bold">