diff --git a/packages/grafnode-components/src/components/GraphQLRequestPane/StyledWrapper.js b/packages/grafnode-components/src/components/GraphQLRequestPane/StyledWrapper.js
index b98f13b8..8035c4cc 100644
--- a/packages/grafnode-components/src/components/GraphQLRequestPane/StyledWrapper.js
+++ b/packages/grafnode-components/src/components/GraphQLRequestPane/StyledWrapper.js
@@ -10,13 +10,12 @@ const StyledWrapper = styled.div`
     margin: 0;
 
     .react-tabs__tab {
-      font-size: 14px;
       padding: 6px 0px;
       border: none;
       user-select: none;
       border-bottom: solid 2px transparent;
       margin-right: 20px;
-      color: rgb(117 117 117);
+      color: rgb(125 125 125);
       outline: none !important;
 
       &:focus, &:active, &:focus-within, &:focus-visible, &:target {
diff --git a/packages/grafnode-components/src/components/HttpRequestPane/StyledWrapper.js b/packages/grafnode-components/src/components/HttpRequestPane/StyledWrapper.js
index b98f13b8..af2dfcf3 100644
--- a/packages/grafnode-components/src/components/HttpRequestPane/StyledWrapper.js
+++ b/packages/grafnode-components/src/components/HttpRequestPane/StyledWrapper.js
@@ -10,13 +10,12 @@ const StyledWrapper = styled.div`
     margin: 0;
 
     .react-tabs__tab {
-      font-size: 14px;
       padding: 6px 0px;
       border: none;
       user-select: none;
       border-bottom: solid 2px transparent;
-      margin-right: 20px;
-      color: rgb(117 117 117);
+      margin-right: 24px;
+      color: rgb(125 125 125);
       outline: none !important;
 
       &:focus, &:active, &:focus-within, &:focus-visible, &:target {
diff --git a/packages/grafnode-components/src/components/HttpRequestPane/index.js b/packages/grafnode-components/src/components/HttpRequestPane/index.js
index 921cd826..4d2ab7ca 100644
--- a/packages/grafnode-components/src/components/HttpRequestPane/index.js
+++ b/packages/grafnode-components/src/components/HttpRequestPane/index.js
@@ -10,7 +10,9 @@ const HttpRequestPane = ({leftPaneWidth}) => {
       <Tabs className='react-tabs mt-1 flex flex-grow flex-col h-full' forceRenderTabPanel>
         <TabList>
           <Tab tabIndex="-1">Params</Tab>
+          <Tab tabIndex="-1">Body</Tab>
           <Tab tabIndex="-1">Headers</Tab>
+          <Tab tabIndex="-1">Authorization</Tab>
         </TabList>
         <TabPanel>
           <QueryParams />
diff --git a/packages/grafnode-components/src/components/QueryParams/StyledWrapper.js b/packages/grafnode-components/src/components/QueryParams/StyledWrapper.js
index 15e2a186..20374c7a 100644
--- a/packages/grafnode-components/src/components/QueryParams/StyledWrapper.js
+++ b/packages/grafnode-components/src/components/QueryParams/StyledWrapper.js
@@ -12,7 +12,7 @@ const Wrapper = styled.div`
 
     thead {
       color: #616161;
-      font-size: 0.75rem;
+      font-size: 0.8125rem;
     }
     td {
       padding: 6px 10px;
diff --git a/packages/grafnode-components/src/components/QueryUrl/StyledWrapper.js b/packages/grafnode-components/src/components/QueryUrl/StyledWrapper.js
index 1ae2f55f..653ed4a1 100644
--- a/packages/grafnode-components/src/components/QueryUrl/StyledWrapper.js
+++ b/packages/grafnode-components/src/components/QueryUrl/StyledWrapper.js
@@ -6,19 +6,19 @@ const Wrapper = styled.div`
   div.method-selector {
     border: solid 1px #cfcfcf;
     border-right: none;
-    background-color: #F6F8FA;
+    background-color: #f3f3f3;
     border-top-left-radius: 3px;
     border-bottom-left-radius: 3px;
   }
 
   div.input-container {
     border: solid 1px #cfcfcf;
-    background-color: #F6F8FA;
+    background-color: #f3f3f3;
     border-top-right-radius: 3px;
     border-bottom-right-radius: 3px;
 
     input {
-      background-color: #F6F8FA;
+      background-color: #f3f3f3;
       outline: none;
       box-shadow: none;
 
diff --git a/packages/grafnode-components/src/components/RequestHeaders/StyledWrapper.js b/packages/grafnode-components/src/components/RequestHeaders/StyledWrapper.js
index d95b5088..120ec958 100644
--- a/packages/grafnode-components/src/components/RequestHeaders/StyledWrapper.js
+++ b/packages/grafnode-components/src/components/RequestHeaders/StyledWrapper.js
@@ -12,7 +12,7 @@ const Wrapper = styled.div`
 
     thead {
       color: #616161;
-      font-size: 0.75rem;
+      font-size: 0.8125rem;
     }
     td {
       padding: 6px 10px;
diff --git a/packages/grafnode-components/src/components/ResponsePane/StyledWrapper.js b/packages/grafnode-components/src/components/ResponsePane/StyledWrapper.js
index 7feaac8b..9fe4eb13 100644
--- a/packages/grafnode-components/src/components/ResponsePane/StyledWrapper.js
+++ b/packages/grafnode-components/src/components/ResponsePane/StyledWrapper.js
@@ -7,7 +7,7 @@ const StyledWrapper = styled.div`
       border: none;
       border-bottom: solid 2px transparent;
       margin-right: 20px;
-      color: rgb(117 117 117);
+      color: rgb(125 125 125);
       cursor: pointer;
 
       &:focus, &:active, &:focus-within, &:focus-visible, &:target {
diff --git a/packages/grafnode-components/src/components/Sidebar/Collections/Collection/CollectionItem/StyledWrapper.js b/packages/grafnode-components/src/components/Sidebar/Collections/Collection/CollectionItem/StyledWrapper.js
index bb8f5cfe..3a76923e 100644
--- a/packages/grafnode-components/src/components/Sidebar/Collections/Collection/CollectionItem/StyledWrapper.js
+++ b/packages/grafnode-components/src/components/Sidebar/Collections/Collection/CollectionItem/StyledWrapper.js
@@ -21,7 +21,7 @@ const Wrapper = styled.div`
     }
 
     &:hover {
-      background: #f7f7f7;
+      background: #e7e7e7;
       .menu-icon {
         display: flex;
       }
diff --git a/packages/grafnode-run/src/providers/Store/index.js b/packages/grafnode-run/src/providers/Store/index.js
index f7d9aa9a..d37a6904 100644
--- a/packages/grafnode-run/src/providers/Store/index.js
+++ b/packages/grafnode-run/src/providers/Store/index.js
@@ -21,6 +21,7 @@ const collection = {
           "depth": 2,
 					"name": "Capsules",
 					"request": {
+						"type": "graphql",
 						"url": "https://api.spacex.land/graphql/",
 						"method": "POST",
 						"headers": [],
@@ -39,6 +40,7 @@ const collection = {
           "depth": 2,
 					"name": "Missions",
 					"request": {
+						"type": "graphql",
 						"url": "https://api.spacex.land/graphql/",
 						"method": "POST",
 						"headers": [],
@@ -71,6 +73,7 @@ const collection2 = {
           "depth": 2,
 					"name": "Create",
 					"request": {
+						"type": "graphql",
 						"url": "https://api.spacex.land/graphql/",
 						"method": "POST",
 						"headers": [],
@@ -89,6 +92,7 @@ const collection2 = {
           "depth": 2,
 					"name": "Update",
 					"request": {
+						"type": "graphql",
 						"url": "https://api.spacex.land/graphql/",
 						"method": "POST",
 						"headers": [],