diff --git a/package-lock.json b/package-lock.json
index 092805a5e3..8f21b7fd96 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "graph-explorer-v2",
-  "version": "5.0.0",
+  "version": "5.1.0",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
@@ -4390,6 +4390,14 @@
         "type-is": "~1.6.18"
       },
       "dependencies": {
+        "braces": {
+          "version": "2.3.2",
+          "resolved": "https://registry.npmjs.org/braces/-/braces-2.3.2.tgz",
+          "integrity": "sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==",
+          "requires": {
+            "extend-shallow": "^2.0.1"
+          }
+        },
         "debug": {
           "version": "2.6.9",
           "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
@@ -4398,6 +4406,11 @@
             "ms": "2.0.0"
           }
         },
+        "extend-shallow": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+          "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8="
+        },
         "ms": {
           "version": "2.0.0",
           "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
@@ -10119,6 +10132,11 @@
           "requires": {
             "lru-cache": "^7.4.0"
           }
+        },
+        "yallist": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+          "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
         }
       }
     },
@@ -12981,4 +12999,4 @@
       "dev": true
     }
   }
-}
+}
\ No newline at end of file
diff --git a/package.json b/package.json
index 4fb5d42c02..bc37cdbd28 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
         "name": "graph-explorer-v2",
-        "version": "5.0.0",
+        "version": "5.1.0",
         "private": true,
         "dependencies": {
                 "@augloop/types-core": "file:packages/types-core-2.16.189.tgz",
diff --git a/src/app/services/actions/query-action-creator-util.ts b/src/app/services/actions/query-action-creator-util.ts
index 2497b1ccee..f77539d67b 100644
--- a/src/app/services/actions/query-action-creator-util.ts
+++ b/src/app/services/actions/query-action-creator-util.ts
@@ -97,9 +97,9 @@ function createAuthenticatedRequest(
     });
   }
 
-  const msalAuthOptions:AuthCodeMSALBrowserAuthenticationProviderOptions = {
+  const msalAuthOptions: AuthCodeMSALBrowserAuthenticationProviderOptions = {
     account: authenticationWrapper.getAccount()!,
-    interactionType: InteractionType.Popup ,
+    interactionType: InteractionType.Popup,
     scopes
   }
   const middlewareOptions = new AuthenticationHandlerOptions(
diff --git a/src/app/services/actions/snippet-action-creator.ts b/src/app/services/actions/snippet-action-creator.ts
index 4a36327cf6..594c6cabc0 100644
--- a/src/app/services/actions/snippet-action-creator.ts
+++ b/src/app/services/actions/snippet-action-creator.ts
@@ -67,7 +67,7 @@ export function getSnippet(language: string): Function {
 
       // eslint-disable-next-line max-len
       let body = `${sampleQuery.selectedVerb} /${queryVersion}/${requestUrl + search} ${httpVersion}\r\n${host}\r\n${sampleHeaders}\r\n\r\n`;
-      if(sampleQuery.selectedVerb !== 'GET'){
+      if (sampleQuery.selectedVerb !== 'GET') {
         body += `${requestBody}`;
       }
 
diff --git a/src/app/views/App.tsx b/src/app/views/App.tsx
index 2e97a12f67..faf28ccd1b 100644
--- a/src/app/views/App.tsx
+++ b/src/app/views/App.tsx
@@ -365,7 +365,7 @@ class App extends Component<IAppProps, IAppState> {
     element.style.removeProperty('flex-basis');
   }
 
-  private removeSidebarHeightProperty(){
+  private removeSidebarHeightProperty() {
     /*
     height style property is added automatically on the sidebar when the window resizes
     and is set to 100% leading to a distortion of the page when these exact steps are followed.
@@ -422,7 +422,7 @@ class App extends Component<IAppProps, IAppState> {
     return (
       // @ts-ignore
       <ThemeContext.Provider value={this.props.appTheme}>
-        <div className={`ms-Grid ${classes.app}`} style={{ paddingLeft : mobileScreen && '15px'}}>
+        <div className={`ms-Grid ${classes.app}`} style={{ paddingLeft: mobileScreen && '15px' }}>
           <Announced
             message={
               !showSidebar
@@ -430,10 +430,11 @@ class App extends Component<IAppProps, IAppState> {
                 : translateMessage('Sidebar maximized')
             }
           />
-          <div className={ `ms-Grid-row ${classes.appRow}`} style={{
+          <div className={`ms-Grid-row ${classes.appRow}`} style={{
             flexWrap: mobileScreen && 'wrap',
-            marginRight: showSidebar || (graphExplorerMode === Mode.TryIt)  && '-20px',
-            flexDirection: (graphExplorerMode === Mode.TryIt) ? 'column' : 'row' }}>
+            marginRight: showSidebar || (graphExplorerMode === Mode.TryIt) && '-20px',
+            flexDirection: (graphExplorerMode === Mode.TryIt) ? 'column' : 'row'
+          }}>
 
             {graphExplorerMode === Mode.Complete && (
               <Resizable
@@ -492,7 +493,7 @@ class App extends Component<IAppProps, IAppState> {
                   width: graphExplorerMode === Mode.TryIt ? '100%' : contentWidth,
                   height: contentHeight
                 }}
-                style={!sidebarProperties.showSidebar && !mobileScreen ? {marginLeft: '8px'} : {} }
+                style={!sidebarProperties.showSidebar && !mobileScreen ? { marginLeft: '8px' } : {}}
               >
                 <div style={{ marginBottom: 8 }} >
                   <QueryRunner onSelectVerb={this.handleSelectVerb} />
diff --git a/src/app/views/query-runner/query-input/auto-complete/AutoComplete.styles.ts b/src/app/views/query-runner/query-input/auto-complete/AutoComplete.styles.ts
index 91d91f0f42..4174bc7e03 100644
--- a/src/app/views/query-runner/query-input/auto-complete/AutoComplete.styles.ts
+++ b/src/app/views/query-runner/query-input/auto-complete/AutoComplete.styles.ts
@@ -18,7 +18,7 @@ export const autoCompleteStyles = (theme: ITheme) => {
       paddingLeft: 0,
       position: 'absolute',
       backgroundColor: theme.palette.neutralLighter,
-      minWidth: controlWidth,
+      minWidth: '40%',
       zIndex: 1,
       cursor: 'pointer',
       color: theme.palette.black
diff --git a/src/app/views/query-runner/query-input/share-query/ShareQuery.tsx b/src/app/views/query-runner/query-input/share-query/ShareQuery.tsx
index af6c2c6f8e..76e71912e4 100644
--- a/src/app/views/query-runner/query-input/share-query/ShareQuery.tsx
+++ b/src/app/views/query-runner/query-input/share-query/ShareQuery.tsx
@@ -1,5 +1,7 @@
-import { DefaultButton, Dialog, DialogFooter, DialogType, DirectionalHint, FontSizes,
-  IconButton, IIconProps, TooltipHost } from '@fluentui/react';
+import {
+  DefaultButton, Dialog, DialogFooter, DialogType, DirectionalHint, FontSizes,
+  IconButton, IIconProps, TooltipHost
+} from '@fluentui/react';
 import React, { useEffect, useState } from 'react';
 import { useSelector } from 'react-redux';
 
@@ -40,13 +42,13 @@ export const ShareQuery = () => {
       });
   }
 
-  const iconProps : IIconProps = {
+  const iconProps: IIconProps = {
     iconName: 'Share'
   }
 
   const shareButtonStyles = shareQueryStyles().iconButton;
 
-  const content = <div style={{padding:'3px'}}>{translateMessage('Share Query')}</div>
+  const content = <div style={{ padding: '3px' }}>{translateMessage('Share Query')}</div>
   const calloutProps = {
     gapSpace: 0
   };