fix: sourceip table style for mobile

2 files changed, 10 insertions, 1 deletions

diff --git a/src/components/Connections.module.scss b/src/components/Connections.module.scss
index 163987d..ded8ce0 100644
--- a/src/components/Connections.module.scss
+++ b/src/components/Connections.module.scss
@@ -6,6 +6,7 @@
   justify-content: center;
   color: var(--color-background);
   opacity: 0.1;
+
   @media (max-width: 768px) {
     margin-top: 35%;
   }
@@ -33,6 +34,7 @@
    * we need to apply some right padding to this container then
    */
   padding-right: 15px;
+
   @media (--breakpoint-not-small) {
     padding-right: 25px;
   }
@@ -40,6 +42,7 @@
 
 .inputWrapper {
   margin: 0;
+
   @media (--breakpoint-not-small) {
     margin: 0 25px;
   }
@@ -73,3 +76,9 @@
   flex-direction: row;
   justify-content: space-evenly;
 }
+
+.sourceipTable {
+  input {
+    width: 120px;
+  }
+}
diff --git a/src/components/Connections.tsx b/src/components/Connections.tsx
index 8c0ef1a..a0d0f37 100644
--- a/src/components/Connections.tsx
+++ b/src/components/Connections.tsx
@@ -284,7 +284,7 @@ function Conn({ apiConfig }) {
   return (
     <div>
       <BaseModal isOpen={sourceMapModal} onRequestClose={closeModalSource}>
-        <table>
+        <table className={s.sourceipTable}>
           <thead>
             <tr>
               <th>{t('c_source')}</th>