fix

static/css/app2.css

@@ -1,4 +1,13 @@
 
+.wrapper {
+    padding: 0px 20px 80px 20px !important;
+    border-bottom: 5px solid #222f3d;
+    background: #34495e;
+    margin: 0;
+    min-width: 320px;
+    width: 100%;
+}
+
 .tab {
     overflow: hidden;
     border: 1px solid #ccc;
@@ -32,4 +41,45 @@
   
   .tabcontent:first-child {
     display: block;
+  }
+
+
+  .wrapper .tab {
+    overflow: hidden;
+    display: flex;
+    border-bottom: 1px solid #ccc;
+    background-color: #fff;
+  }
+  
+  .wrapper .tab button {
+    background-color: transparent;
+    border: none;
+    outline: none;
+    cursor: pointer;
+    padding: 10px 15px;
+    font-size: 16px;
+    font-weight: bold;
+    color: #777;
+    transition: 0.3s;
+  }
+  
+  .wrapper .tab button:hover {
+    background-color: #ddd;
+  }
+  
+  .wrapper .tab button.active {
+    border-bottom: 2px solid #4285f4;
+    color: #4285f4;
+  }
+  
+  /* Estilos para el contenido de los tabs */
+  .wrapper .tabcontent {
+    display: none;
+    padding: 20px;
+    border: 1px solid #ccc;
+    border-top: none;
+  }
+  
+  .wrapper .tabcontent:first-child {
+    display: block;
   }