diff --git a/frontend/src/pages/containers.tsx b/frontend/src/pages/containers.tsx
index 089e3eca3..52d57bf49 100644
--- a/frontend/src/pages/containers.tsx
+++ b/frontend/src/pages/containers.tsx
@@ -77,7 +77,7 @@ export default function ContainersPage() {
       icon={<Box className="w-8 h-8" />}
     >
       <div className="flex flex-col gap-4">
-        <div className="flex items-center justify-between gap-4">
+        <div className="flex items-center justify-between gap-4 flex-wrap">
           <div className="flex items-center gap-2 flex-wrap">
             {/* Server Filter Multi-Select */}
             <div className="w-[280px]">
diff --git a/frontend/src/pages/home/all_resources.tsx b/frontend/src/pages/home/all_resources.tsx
index c030ee15b..76ec0c10f 100644
--- a/frontend/src/pages/home/all_resources.tsx
+++ b/frontend/src/pages/home/all_resources.tsx
@@ -25,7 +25,7 @@ export default function AllResources() {
   return (
     <Page
       titleOther={
-        <div className="flex items-center justify-between">
+        <div className="flex items-center justify-between gap-2 flex-wrap">
           <Input
             value={search}
             onChange={(e) => setSearch(e.target.value)}
@@ -33,7 +33,7 @@ export default function AllResources() {
             className="w-[200px] lg:w-[300px]"
           />
 
-          <div className="flex items-center gap-2">
+          <div className="flex items-center gap-2 flex-wrap">
             <TagsFilter />
             <ExportButton tags={tags} />
           </div>