From 57596734602861e179c8c663b23ecfdab77e04cf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C3=81sd=C3=ADs=20Erna=20Gu=C3=B0mundsd=C3=B3ttir?=
 <disa@hugsmidjan.is>
Date: Wed, 13 Nov 2024 09:28:05 +0000
Subject: [PATCH] feat(ui-core): mobile error should also have border (#16743)

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
---
 .../ProblemTemplate/ProblemTemplate.css.ts    | 42 +++++++------------
 1 file changed, 15 insertions(+), 27 deletions(-)

diff --git a/libs/island-ui/core/src/lib/ProblemTemplate/ProblemTemplate.css.ts b/libs/island-ui/core/src/lib/ProblemTemplate/ProblemTemplate.css.ts
index 1e3ff8848752..420991a4d192 100644
--- a/libs/island-ui/core/src/lib/ProblemTemplate/ProblemTemplate.css.ts
+++ b/libs/island-ui/core/src/lib/ProblemTemplate/ProblemTemplate.css.ts
@@ -4,42 +4,30 @@ import { recipe } from '@vanilla-extract/recipes'
 
 export const problemTemplateContainer = recipe({
   base: {
-    ...themeUtils.responsiveStyle({
-      md: {
-        borderWidth: theme.border.width.standard,
-        borderRadius: theme.border.radius.xl,
-      },
-    }),
+    borderWidth: theme.border.width.standard,
+    borderRadius: theme.border.radius.xl,
   },
   variants: {
     red: {
-      true: themeUtils.responsiveStyle({
-        md: {
-          borderColor: theme.color.red200,
-        },
-      }),
+      true: {
+        borderColor: theme.color.red200,
+      },
     },
     blue: {
-      true: themeUtils.responsiveStyle({
-        md: {
-          borderColor: theme.color.blue200,
-        },
-      }),
+      true: {
+        borderColor: theme.color.blue200,
+      },
     },
     yellow: {
-      true: themeUtils.responsiveStyle({
-        md: {
-          borderColor: theme.color.yellow400,
-        },
-      }),
+      true: {
+        borderColor: theme.color.yellow400,
+      },
     },
     noBorder: {
-      true: themeUtils.responsiveStyle({
-        md: {
-          borderWidth: 0,
-          borderRadius: 0,
-        },
-      }),
+      true: {
+        borderWidth: 0,
+        borderRadius: 0,
+      },
     },
   },
 })