diff --git a/apps/remix-ide/src/app/components/popup-panel.tsx b/apps/remix-ide/src/app/components/popup-panel.tsx
index 4352394aae..b000fde79d 100644
--- a/apps/remix-ide/src/app/components/popup-panel.tsx
+++ b/apps/remix-ide/src/app/components/popup-panel.tsx
@@ -89,10 +89,10 @@ export class PopupPanel extends AbstractPanel {
       <div
         className={`px-0 bg-light border-info ${appState?.showPopupPanel ? 'd-flex' : 'd-none'}`}
         style={{
-          maxHeight: '40rem',
-          maxWidth: '25rem',
-          width: 'max-content',
-          height: '40rem',
+          maxHeight: '100rem',
+          minWidth: '22rem',
+          width: '30%',
+          height: '80%',
           position: 'fixed',
           bottom: '2rem',
           right: '1.5rem',
@@ -101,7 +101,7 @@ export class PopupPanel extends AbstractPanel {
         }}
         data-id="popupPanelPluginsContainer"
       >
-        <div className='d-flex flex-column'>
+        <div className='d-flex w-100 flex-column'>
           <RemixPluginPanel
             header={
               <span id='popupPanelToggle' className='d-flex flex-row'>
diff --git a/apps/remix-ide/src/app/plugins/remixAIPlugin.tsx b/apps/remix-ide/src/app/plugins/remixAIPlugin.tsx
index 0f79c566f5..12546af037 100644
--- a/apps/remix-ide/src/app/plugins/remixAIPlugin.tsx
+++ b/apps/remix-ide/src/app/plugins/remixAIPlugin.tsx
@@ -235,8 +235,6 @@ export class RemixAIPlugin extends ViewPlugin {
       data-id='aichat-view'
       style={{
         minHeight: 'max-content',
-        maxWidth: '25rem',
-        width: '24rem',
       }}
     >
       <PluginViewWrapper plugin={this} />
diff --git a/libs/remix-ui/remix-ai/src/lib/components/color.css b/libs/remix-ui/remix-ai/src/lib/components/color.css
index b13e9319a7..9f38cde895 100644
--- a/libs/remix-ui/remix-ai/src/lib/components/color.css
+++ b/libs/remix-ui/remix-ai/src/lib/components/color.css
@@ -116,4 +116,4 @@
 
     --nlux-comp-composer > textarea {padding: 10px;};
 
-}
+}
\ No newline at end of file