diff --git a/src/patterns/01-core/elements/_textarea.scss b/src/patterns/01-core/elements/_textarea.scss
index be552fc17aae327686be672095ea9fc93fc9cf8b..0272cfc2e3b27c9ba87e79e3b1a9f9a3383e7b4d 100644
--- a/src/patterns/01-core/elements/_textarea.scss
+++ b/src/patterns/01-core/elements/_textarea.scss
@@ -2,14 +2,22 @@
 // Textarea element styles.
 
 :where(textarea) {
-  background-color: var(--gray-2);
+  border: var(--size-xs) solid   var(--gray-3);
+  box-shadow: inset 0 var(--size-xs) 3px var(--gray-3);
+  box-sizing: border-box;
   color: inherit;
   cursor: pointer;
-  font-size: inherit;
+  font-family: var(--font-systemmedium);
+  font-size: var(--font-size-0);
   letter-spacing: inherit;
   overflow: auto;
   padding-block: var(--size-1);
   padding-inline: var(--size-2);
   resize: block;
   touch-action: manipulation;
+  &:focus {
+    border: var(--size-xs) solid  var(--gray-5) !important;
+    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(104, 104, 104, 0.7);
+    outline: var(--gray-5);
+  }
 }