remove semicolons. add padding. use native button

libs/remix-ui/git/src/components/github/repositoryselect.tsx

@@ -64,9 +64,9 @@ const RepositorySelect = (props: RepositorySelectProps) => {
   };
 
   return (
-    <><Button data-id='fetch-repositories' onClick={fetchRepositories} className="w-100 mt-1">
+    <><button data-id='fetch-repositories' onClick={fetchRepositories} className="w-100 mt-1 btn btn-secondary">
       <i className="fab fa-github mr-1"></i>Fetch Repositories from GitHub
-    </Button>
+    </button>
     {
       show ?
         <Select

libs/remix-ui/git/src/components/gitui.tsx

@@ -31,8 +31,8 @@ import { SourceControl } from './panels/sourcontrol'
 import { GitHubCredentials } from './panels/githubcredentials'
 import { Setup } from './panels/setup'
 import { Init } from './panels/init'
-import { CustomRemixApi } from "@remix-api";
-import { Plugin } from "@remixproject/engine";
+import { CustomRemixApi } from "@remix-api"
+import { Plugin } from "@remixproject/engine"
 import { Disabled } from './disabled'
 
 export const gitPluginContext = React.createContext<gitState>(defaultGitState)
@@ -174,7 +174,7 @@ export const GitUI = (props: IGitUi) => {
                 {setup && !needsInit ? <Setup></Setup> : null}
                 {needsInit ? <Init></Init> : null}
                 {!setup && !needsInit ?
-                  <Accordion activeKey={activePanel} defaultActiveKey="0">
+                  <Accordion activeKey={activePanel} defaultActiveKey="0" className="">
                     <SourceControlNavigation eventKey="0" activePanel={activePanel} callback={setActivePanel} />
 
                     <Accordion.Collapse className='bg-light' eventKey="0">
@@ -242,4 +242,4 @@ export const GitUI = (props: IGitUi) => {
       </div>}
     </>
   )
-}
+}

libs/remix-ui/git/src/components/panels/clone.tsx

@@ -63,7 +63,7 @@ export const Clone = () => {
 
   return (
     <>
-      <div data-id="clone-panel-content">
+      <div data-id="clone-panel-content" className="px-3 py-2">
         <InputGroup className="mb-1">
           <FormControl data-id="clone-url" id="cloneulr" placeholder="url" name='cloneurl' value={cloneUrl} onChange={e => onGitHubCloneUrlChange(e.target.value)} aria-describedby="urlprepend" />
         </InputGroup>
@@ -98,4 +98,4 @@ export const Clone = () => {
         <hr></hr>
       </div>
     </>)
-}
+}