diff --git a/.changeset/purple-shirts-boil.md b/.changeset/purple-shirts-boil.md
new file mode 100644
index 0000000000..952f8f5a50
--- /dev/null
+++ b/.changeset/purple-shirts-boil.md
@@ -0,0 +1,5 @@
+---
+"@rocket.chat/fuselage": patch
+---
+
+fix(fuselage): Responsive `CardControls`  
diff --git a/packages/fuselage/src/components/Card/Card.styles.scss b/packages/fuselage/src/components/Card/Card.styles.scss
index a8916301be..70f8debe2d 100644
--- a/packages/fuselage/src/components/Card/Card.styles.scss
+++ b/packages/fuselage/src/components/Card/Card.styles.scss
@@ -83,4 +83,16 @@ $card-hero-padding: lengths.padding(28);
     display: flex;
     align-items: center;
   }
+
+  &__controls {
+    flex-wrap: wrap;
+  }
+
+  &__horizontal &__controls {
+    flex-wrap: wrap;
+
+    @include on-breakpoint(sm) {
+      flex-wrap: nowrap;
+    }
+  }
 }
diff --git a/packages/fuselage/src/components/Card/CardControls.tsx b/packages/fuselage/src/components/Card/CardControls.tsx
index 2346e05b41..705ee02167 100644
--- a/packages/fuselage/src/components/Card/CardControls.tsx
+++ b/packages/fuselage/src/components/Card/CardControls.tsx
@@ -1,4 +1,6 @@
-const CardControls = ({ ...props }) => (
+import { AllHTMLAttributes } from 'react';
+
+const CardControls = (props: AllHTMLAttributes<HTMLDivElement>) => (
   <div className='rcx-card__controls' {...props} />
 );