diff --git a/src/components/modalActualizar.vue b/src/components/modalActualizar.vue
index 8d8c14b..aedecb5 100644
--- a/src/components/modalActualizar.vue
+++ b/src/components/modalActualizar.vue
@@ -19,57 +19,19 @@
                     <label style=" padding-top:1rem;">Actualizar: </label>
                  </b-col>
                  <b-col sm="9">
-                    <div v-if="opciones.length!=0" class=" rescont   dropdowm">
-                      
                   
-                   <!--      <b-dropdown
-                            split
-                            block
-                            split-variant="outline-primary"
-                            variant="primary"
-                            v-bind:text="opcionSeleted != '' ?  opcionSeleted.nombre : campo"
-                            class="m-2"
-                            style="margin: 0"
-                            @click="showSelect"
-                        >
-                        <div class="dd">
-                            <b-dropdown-item class="text-wrap text-break item" v-for="(opcion,index) in opciones" v-bind:key="index" @click="opcionSeleted=opcion">{{opcion.nombre}}</b-dropdown-item>
-                      </div>
-                        </b-dropdown> -->
-                       
-<button class="btn btn-outline-primary dropdown-toggle btn btn-outline-primary btn-block short" @click="show()" >
+                  <div class="dropdown-container" v-if="opciones.length!=0">
+                    <div class="dropdown">
+                        <button class="btn  dropdown-toggle btn btn-outline-primary dropdown-toggle btn-block short" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                             {{opcionSeleted != '' ?  opcionSeleted.nombre : campo}}
                         </button>
-
-                        <div class="dropdown" v-if="showSelect">
-                        <div class="dropdown-menu list-group-item " aria-labelledby="dropdownMenuButton"  id="drop">
-                            <a class="dropdown-item  "  v-for="(opcion,index) in opciones" v-bind:key="index" @click="opcionSeleted=opcion"><p> {{opcion.nombre}}</p></a>
-                            
+                        <div class="dropdown-menu " aria-labelledby="dropdownMenuButton">
+                            <div class="containerDrop" v-for="(opcion,index) in opciones" v-bind:key="index" @click="opcionSeleted=opcion">
+                            <a class="dropdown-item  "  ><p> {{opcion.nombre}}</p></a>
                         </div>
                         </div>
                     </div>
-
-
-     <!--    <div v-if="opciones.length!=0" class=" rescont   dropdowm">
-             <button class="btn btn-secondary dropdown-toggle"  type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                            Dropdown button
-                        </button>
-            <ul class=" dropdown-menu d-block  dropdown " >
-              <li
-                class=" dropdown-item stext-wrap "
-                v-for="(opcion,index) in opciones" v-bind:key="index" @click="opcionSeleted=opcion"
-              >
-                {{opcion.nombre}}
-              </li>
-            </ul>
-          </div> -->
-
-
-
-
-
-
-
+                  </div>
 
                     <b-form-input  v-else v-model="campoValue" class="m-2" placeholder="Actualizar campo" style="margin: 0"></b-form-input>
                 </b-col>
@@ -104,39 +66,12 @@
   height: auto;
   width: 100%  !important;
 }
+
 .dropdown-menu{
-    width: 100%;
-}
-
-.rescont {
-  z-index: 2;
-}
-
-.list-group-item {
-  padding: 12px 16px;
-}
-.dropdown-menu .show{
-    height: 800px;
-}
-.dd{
-     position: a ;
+     height: 20rem;
+      width: 100%;
 overflow-y: scroll;
-  height:200px !important;
-
-  overflow: hidden;
-  white-space: pre;
-  text-overflow: ellipsis;
-  -webkit-appearance: none;
-      word-wrap: break-word;
-    text-overflow: inherit;
-    white-space: normal;
 }
-.item{
-
-   
-    word-wrap: break-word;
-}
-
 </style>
 
 
@@ -156,16 +91,11 @@ export default {
         return {
             opcionSeleted: '',
             campoValue:'',
-            pc: this.campo,
-            showSelect: false
+            pc: this.campo
 
         }
     },
     methods:{
-        show(){
-            this.showSelect = !this.showSelect
-
-        },
 
         cambiar(){
             this.opcionSeleted = '';
@@ -238,14 +168,6 @@ export default {
             
         }
     },
-    watch:{
-        opcionSeleted () {
-         this.showSelect = false
-        }
-    }
-    
-
-  
-   
+     
 }
 </script>