flex for prompt input

airwatch/src/app/chatbot/prompt-input/prompt-input.scss

@@ -1,6 +1,12 @@
 @use 'sae-lib/src/styles/_variables.scss' as variables;
 
 .prompt-input {
+
+  display: flex;
+  align-items: center;
+  justify-content: stretch;
+
+
   margin: 20px auto;
   background: variables.$neutral-white;
   border-radius: 0.5rem;
@@ -14,12 +20,11 @@
   }
 
   input {
-    width: 326px;
+    width: 700px;
     max-width: 100%;
     border: 0;
     padding: 10px;
     @extend .is-shadowed !optional;
-    float: left;
 
     .is-expanded-right & {
       width: 968px;
@@ -44,14 +49,7 @@
     }
 
     &.submit {
-      position: relative;
-      top: 0;
-      right: 0;
-
-      float: right;
-      display: inline-block;
       z-index: 10;
-      
     }
   }
 
@@ -62,13 +60,19 @@
     background: variables.$bg-color-chat;
     width: 40px;
     height: 40px;
-    float: left;
+
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
   }
 
   // Dropdown styles
   .dropdown {
+    top: 50px;
+
     position: relative;
-    display: inline-block;
+    //display: inline-block;
 
     &.is-active,
     &.is-hoverable:hover {

airwatch/src/app/chatbot/prompt-input/prompt-input.stories.ts

@@ -11,7 +11,7 @@ import {ApiService} from '../../services/api-service';
 const appReducer = reducers.app;
 
 const meta: Meta<PromptInput> = {
-  title: 'Chatbot/Input/PromptInput',
+  title: 'composants/inputs/PromptInput',
   component: PromptInput,
   tags: ['autodocs'],
   decorators: [