alignment of sign in

libs/remix-ui/workspace/src/lib/remix-ui-workspace.tsx

@@ -1142,6 +1142,7 @@ export function Workspace() {
                       </Dropdown>
                     </span>
                   ) : null}
+                  <div className='d-flex w-100 justify-content-between'>
                     <span className="d-flex">
                       <label className="pl-2 form-check-label" style={{ wordBreak: 'keep-all' }}>
                         {(platform == appPlatformTypes.desktop) ? (
@@ -1170,14 +1171,12 @@ export function Workspace() {
                           tooltipClasses="text-nowrap"
                           tooltipText={<FormattedMessage id="filePanel.logInGithub" />}
                         >
+                          <div className='d-flex'>
                             <i onClick={() => logInGithub() } className="fa-brands fa-github-alt text-success ml-2 align-self-center" style={{ fontSize: '1.1rem' }} aria-hidden="true"></i>
+                            <span onClick={() => logInGithub() } className="ml-1 text-success"> Sign in </span>
+                          </div>
                         </CustomTooltip>
                         }
-
-                      {   
-                        !state.loggedInGithub && <span onClick={() => logInGithub() } className="ml-1 text-success"> Sign in </span>
-                      }
-
                         {
                           state.loggedInGithub && <CustomTooltip
                           placement="right"
@@ -1190,6 +1189,7 @@ export function Workspace() {
                         }
                       </span>
                   </div>
+                </div>
                 <div className='mx-2'>
                   {(platform !== appPlatformTypes.desktop) ? (
                     <Dropdown id="workspacesSelect" data-id="workspacesSelect" onToggle={toggleDropdown} show={showDropdown}>