diff --git a/webserver/web-interface/src/pages/Profiles.tsx b/webserver/web-interface/src/pages/Profiles.tsx
index 3ccf5e79..91b02062 100644
--- a/webserver/web-interface/src/pages/Profiles.tsx
+++ b/webserver/web-interface/src/pages/Profiles.tsx
@@ -303,7 +303,11 @@ function ActionBar({
 }: ActionBarProp) {
   return (
     <Box sx={{
-      mt: 2, display: 'flex', justifyContent: 'space-between', alignItems: 'center',
+      mt: 2,
+      display: 'flex',
+      flexWrap: 'wrap',
+      justifyContent: 'space-between',
+      alignItems: 'center',
     }}
     >
       <Button