diff --git a/src/platform/assets/components/AssetCard.stories.ts b/src/platform/assets/components/AssetCard.stories.ts
index 1c718d7d27..0040965aa3 100644
--- a/src/platform/assets/components/AssetCard.stories.ts
+++ b/src/platform/assets/components/AssetCard.stories.ts
@@ -48,6 +48,12 @@ export const Interactive: Story = {
     asset: createAssetData(),
     interactive: true
   },
+  decorators: [
+    () => ({
+      template:
+        '<div class="p-8 bg-gray-50 dark-theme:bg-gray-900 max-w-96"><story /></div>'
+    })
+  ],
   parameters: {
     docs: {
       description: {
@@ -63,6 +69,12 @@ export const NonInteractive: Story = {
     asset: createAssetData(),
     interactive: false
   },
+  decorators: [
+    () => ({
+      template:
+        '<div class="p-8 bg-gray-50 dark-theme:bg-gray-900 max-w-96"><story /></div>'
+    })
+  ],
   parameters: {
     docs: {
       description: {
diff --git a/src/platform/assets/components/AssetCard.vue b/src/platform/assets/components/AssetCard.vue
index 9ea9481df0..1a9c60eecb 100644
--- a/src/platform/assets/components/AssetCard.vue
+++ b/src/platform/assets/components/AssetCard.vue
@@ -7,7 +7,7 @@
     :class="
       cn(
         // Base layout and container styles (always applied)
-        'rounded-xl overflow-hidden transition-all duration-200 min-w-60 max-w-64',
+        'rounded-xl overflow-hidden transition-all duration-200',
         // Button-specific styles
         interactive && [
           'appearance-none bg-transparent p-0 m-0 font-inherit text-inherit outline-none cursor-pointer text-left',