fix: markup fix for service create modal

services/frontend/src/components/Modal/Service/Create.tsx

@@ -90,9 +90,11 @@ const ModalServiceCreate = (props: IModalServiceProps) => {
             >
               {(formik) => (
                 <>
-                  <div className="hidden sm:block">
+                  <div className="border-b border-gray-200 px-4 md:px-8">
-                    <div className="border-b border-gray-200 px-8">
+                    <nav
-                      <nav className="-mb-px flex space-x-8" aria-label="Tabs">
+                      className="-mb-px flex space-x-4 md:space-x-8"
+                      aria-label="Tabs"
+                    >
                       {tabs.map((tab) => (
                         <a
                           key={tab.name}
@@ -115,7 +117,6 @@ const ModalServiceCreate = (props: IModalServiceProps) => {
                       ))}
                     </nav>
                   </div>
-                  </div>
 
                   <div className="relative px-4 py-3 flex-auto">
                     {openTab === "General" && <General />}