diff --git a/src/components/profile/groups-editor-viewer.tsx b/src/components/profile/groups-editor-viewer.tsx
index 506d6e31..e7dd2ffe 100644
--- a/src/components/profile/groups-editor-viewer.tsx
+++ b/src/components/profile/groups-editor-viewer.tsx
@@ -562,7 +562,7 @@ export const GroupsEditorViewer = (props: Props) => {
 
   return (
     <Dialog open={open} onOpenChange={onClose}>
-      <DialogContent className="lg:min-w-5xl h-[90vh] flex flex-col">
+      <DialogContent className="min-w-5xl h-[90vh] flex flex-col">
         <DialogHeader>
           <div className="flex justify-between items-center pr-8">
             <DialogTitle>{t("Edit Groups")}</DialogTitle>
diff --git a/src/components/profile/proxies-editor-viewer.tsx b/src/components/profile/proxies-editor-viewer.tsx
index 24887cac..b48de0d9 100644
--- a/src/components/profile/proxies-editor-viewer.tsx
+++ b/src/components/profile/proxies-editor-viewer.tsx
@@ -302,7 +302,7 @@ export const ProxiesEditorViewer = (props: Props) => {
 
   return (
     <Dialog open={open} onOpenChange={onClose}>
-      <DialogContent className="lg:max-w-4xl h-[80vh] flex flex-col">
+      <DialogContent className="min-w-4xl h-[90vh] flex flex-col">
         <DialogHeader>
           <div className="flex justify-between items-center pr-8">
             <DialogTitle>{t("Edit Proxies")}</DialogTitle>
diff --git a/src/components/profile/rules-editor-viewer.tsx b/src/components/profile/rules-editor-viewer.tsx
index 96ca2fc7..ccd4571f 100644
--- a/src/components/profile/rules-editor-viewer.tsx
+++ b/src/components/profile/rules-editor-viewer.tsx
@@ -513,7 +513,7 @@ export const RulesEditorViewer = (props: Props) => {
 
   return (
     <Dialog open={open} onOpenChange={onClose}>
-      <DialogContent className="w-[95vw] lg:min-w-5xl h-[80vh] flex flex-col">
+      <DialogContent className="min-w-4xl h-[90vh] flex flex-col">
         <DialogHeader>
           <div className="flex justify-between items-center pr-8">
             <DialogTitle>{t("Edit Rules")}</DialogTitle>
@@ -529,8 +529,8 @@ export const RulesEditorViewer = (props: Props) => {
 
         <div className="flex-1 min-h-0 mt-4">
           {visualization ? (
-            <div className="h-full flex flex-col lg:flex-row gap-4">
-              <div className="w-full lg:w-1/3 flex flex-col gap-4 p-1">
+            <div className="h-full flex flex-row gap-4">
+              <div className="w-1/3 flex flex-col gap-4 p-1">
                 <div className="space-y-2">
                   <Label>{t("Rule Type")}</Label>
                   <Combobox
@@ -617,8 +617,8 @@ export const RulesEditorViewer = (props: Props) => {
                   </Button>
                 </div>
               </div>
-              <Separator orientation="vertical" className="hidden lg:flex" />
-              <div className="w-full lg:w-2/3 flex flex-col min-w-0 flex-1">
+              <Separator orientation="vertical" className="flex" />
+              <div className="w-2/3 flex flex-col min-w-0 flex-1">
                 <BaseSearchBox
                   onSearch={(matcher) => setMatch(() => matcher)}
                 />