diff --git a/renderer/components/QueryEditor/onHasCompletion.js b/renderer/components/QueryEditor/onHasCompletion.js
index f88dd7336..107f91ed8 100644
--- a/renderer/components/QueryEditor/onHasCompletion.js
+++ b/renderer/components/QueryEditor/onHasCompletion.js
@@ -70,11 +70,11 @@ export default function onHasCompletion(
         ? md.render(ctx.description)
         : 'Self descriptive.';
       const type = ctx.type
-        ? '<span class="infoType">' + renderType(ctx.type) + '</span>'
+        ? '<span className="infoType">' + renderType(ctx.type) + '</span>'
         : '';
 
       information.innerHTML =
-        '<div class="content">' +
+        '<div className="content">' +
         (description.slice(0, 3) === '<p>'
           ? '<p>' + type + description.slice(3)
           : type + description) +
@@ -85,7 +85,7 @@ export default function onHasCompletion(
           ? md.render(ctx.deprecationReason)
           : '';
         deprecation.innerHTML =
-          '<span class="deprecation-label">Deprecated</span>' + reason;
+          '<span className="deprecation-label">Deprecated</span>' + reason;
         deprecation.style.display = 'block';
       } else if (deprecation) {
         deprecation.style.display = 'none';
@@ -106,5 +106,5 @@ function renderType(type) {
   if (type instanceof GraphQLList) {
     return `[${renderType(type.ofType)}]`;
   }
-  return `<a class="typeName">${escapeHTML(type.name)}</a>`;
+  return `<a className="typeName">${escapeHTML(type.name)}</a>`;
 }
diff --git a/renderer/components/RequestTabs/index.js b/renderer/components/RequestTabs/index.js
index 0e36efc9a..1c21ae4f6 100644
--- a/renderer/components/RequestTabs/index.js
+++ b/renderer/components/RequestTabs/index.js
@@ -67,7 +67,6 @@ const RequestTabs = () => {
   }
 
   const activeRequestTab = find(requestTabs, (t) => t.uid === activeRequestTabUid);
-  console.log(requestTabs);
   if(!activeRequestTab) {
     return (
       <StyledWrapper>
@@ -104,7 +103,7 @@ const RequestTabs = () => {
                           <path fill="currentColor" d="M207.6 256l107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z"></path>
                         </svg>
                       ) : (
-                        <svg focusable="false" xmlns="http://www.w3.org/2000/svg" width="8" height="16" fill="#cc7b1b" class="has-changes-icon" viewBox="0 0 8 8">
+                        <svg focusable="false" xmlns="http://www.w3.org/2000/svg" width="8" height="16" fill="#cc7b1b" className="has-changes-icon" viewBox="0 0 8 8">
                           <circle cx="4" cy="4" r="3"/>
                         </svg>
                       ) }
diff --git a/renderer/components/Sidebar/TitleBar/index.js b/renderer/components/Sidebar/TitleBar/index.js
index 10d6256bb..f0f796b9b 100644
--- a/renderer/components/Sidebar/TitleBar/index.js
+++ b/renderer/components/Sidebar/TitleBar/index.js
@@ -53,7 +53,7 @@ const TitleBar = () => {
     saveCollectionToIdb(store.idbConnection, newCollection)
       .then(() => console.log('Collection created'))
       .catch((err) => {
-        console.log(err);
+        console.error(err);
         setShowToast({
           show: true,
           type: 'error',