diff --git a/packages/nicolium/src/styles/new/layout.scss b/packages/nicolium/src/styles/new/layout.scss
index 2d6451254..7bbf9bfd1 100644
--- a/packages/nicolium/src/styles/new/layout.scss
+++ b/packages/nicolium/src/styles/new/layout.scss
@@ -747,21 +747,27 @@ body {
 }
 
 .⁂-widget {
-  border-bottom-width: 1px;
-  border-style: solid;
-  border-color: rgb(var(--color-gray-200));
-
-  .dark.black & {
-    border-color: rgb(var(--color-gray-800));
-  }
-
-  .dark & {
-    border-color: rgb(var(--color-primary-800));
-  }
   display: flex;
   flex-direction: column;
   gap: 1rem;
   padding-bottom: 1.5rem;
+  border-bottom-width: 1px;
+  border-style: solid;
+  border-color: rgb(var(--color-gray-200));
+
+  .dark & {
+    @include mixins.card($variant: rounded);
+    border-color: rgb(var(--color-primary-800));
+    border-style: none;
+  }
+
+  .dark.black & {
+    border-color: rgb(var(--color-gray-800));
+    border-style: solid;
+    padding: 0;
+    padding-bottom: 1.5rem;
+  }
+
 
   &__header {
     display: flex;
@@ -796,19 +802,6 @@ body {
   }
 }
 
-.dark {
-  .⁂-widget {
-    @include mixins.card($variant: rounded);
-    border-style: none;
-
-    .dark.black & {
-      border-style: solid;
-      padding: 0;
-      padding-bottom: 1.5rem;
-    }
-  }
-}
-
 .⁂-footer-text {
   @include mixins.text($size: sm, $theme: muted);