diff --git a/.stylelintrc b/.stylelintrc
index 079be0a0..b3da73da 100644
--- a/.stylelintrc
+++ b/.stylelintrc
@@ -10,6 +10,7 @@
   "rules": {
     "at-rule-no-unknown": null,
     "no-descending-specificity": null,
+    "font-family-no-missing-generic-family-keyword": null,
     "declaration-colon-newline-after": "always-multi-line"
   },
   "syntax": "scss"
diff --git a/src/renderer/components/ModalAllConnections.vue b/src/renderer/components/ModalAllConnections.vue
index 09910111..ea9f840a 100644
--- a/src/renderer/components/ModalAllConnections.vue
+++ b/src/renderer/components/ModalAllConnections.vue
@@ -126,7 +126,7 @@
                         key="trick"
                         readonly
                         class="p-absolute"
-                        style="width: 1px; height: 1px; opacity: 0"
+                        style="width: 1px; height: 1px; opacity: 0;"
                         type="text"
                      >
                      <!-- workaround for useFocusTrap $lastFocusable -->
@@ -270,89 +270,87 @@ onBeforeUnmount(() => {
 
 <style lang="scss" scoped>
 .vscroll {
-   height: 1000px;
-   overflow: auto;
-   overflow-anchor: none;
+  height: 1000px;
+  overflow: auto;
+  overflow-anchor: none;
 }
 
 .column-resizable {
-
-   &:hover,
-   &:active {
-      resize: horizontal;
-      overflow: hidden;
-   }
+  &:hover,
+  &:active {
+    resize: horizontal;
+    overflow: hidden;
+  }
 }
 
 .table-column-title {
-   display: flex;
-   align-items: center;
+  display: flex;
+  align-items: center;
 }
 
 .sort-icon {
-   font-size: 0.7rem;
-   line-height: 1;
-   margin-left: 0.2rem;
+  font-size: 0.7rem;
+  line-height: 1;
+  margin-left: 0.2rem;
 }
 
 .modal {
-   align-items: flex-start;
+  align-items: flex-start;
 
-   .modal-container {
-      max-width: 75vw;
-      margin-top: 10vh;
+  .modal-container {
+    max-width: 75vw;
+    margin-top: 10vh;
 
-      .modal-body {
-         height: 80vh;
-      }
-   }
+    .modal-body {
+      height: 80vh;
+    }
+  }
 }
 
 .connections-search {
-   display: flex;
-   justify-content: space-around;
+  display: flex;
+  justify-content: space-around;
 }
 
 .connection-block {
-   cursor: pointer;
-   transition: all .2s;
-   border-radius: $border-radius;
-   outline: none;
+  cursor: pointer;
+  transition: all 0.2s;
+  border-radius: $border-radius;
+  outline: none;
 
-   &:focus {
-      box-shadow: 0 0 3px .1rem rgba($primary-color, 80%);
-   }
-
-   &:hover {
-      .all-connections-buttons {
-
-         .all-connections-delete,
-         .all-connections-pinned,
-         .all-connections-pin {
-            opacity: .5;
-         }
-      }
-   }
-
-   .all-connections-buttons {
-      .all-connections-pinned {
-         opacity: .3;
-         transition: opacity .2s;
-
-         &:hover {
-            opacity: 1;
-         }
-      }
+  &:focus {
+    box-shadow: 0 0 3px 0.1rem rgba($primary-color, 80%);
+  }
 
+  &:hover {
+    .all-connections-buttons {
       .all-connections-delete,
+      .all-connections-pinned,
       .all-connections-pin {
-         opacity: 0;
-         transition: opacity .2s;
-
-         &:hover {
-            opacity: 1;
-         }
+        opacity: 0.5;
       }
-   }
+    }
+  }
+
+  .all-connections-buttons {
+    .all-connections-pinned {
+      opacity: 0.3;
+      transition: opacity 0.2s;
+
+      &:hover {
+        opacity: 1;
+      }
+    }
+
+    .all-connections-delete,
+    .all-connections-pin {
+      opacity: 0;
+      transition: opacity 0.2s;
+
+      &:hover {
+        opacity: 1;
+      }
+    }
+  }
 }
 </style>
diff --git a/src/renderer/components/ModalSettings.vue b/src/renderer/components/ModalSettings.vue
index a8311487..de945e5e 100644
--- a/src/renderer/components/ModalSettings.vue
+++ b/src/renderer/components/ModalSettings.vue
@@ -538,10 +538,10 @@ onBeforeUnmount(() => {
     .modal-body {
       overflow: hidden;
 
-      .tab-link{
-         overflow: hidden;
-         white-space: nowrap;
-         text-overflow: ellipsis;
+      .tab-link {
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
       }
 
       .panel-body {
diff --git a/src/renderer/components/TheSettingBar.vue b/src/renderer/components/TheSettingBar.vue
index cbcc8db1..c276226c 100644
--- a/src/renderer/components/TheSettingBar.vue
+++ b/src/renderer/components/TheSettingBar.vue
@@ -245,7 +245,7 @@ watch(selectedWorkspace, (newVal, oldVal) => {
     height: calc(100vh - #{$excluding-size});
     display: flex;
     flex-direction: column;
-   //  justify-content: space-between;
+    //  justify-content: space-between;
     align-items: center;
     padding: 0;
     z-index: 9;
@@ -319,7 +319,7 @@ watch(selectedWorkspace, (newVal, oldVal) => {
           }
         }
 
-        .settingbar-element-pin{
+        .settingbar-element-pin {
           margin: 0 auto;
 
           &::before {
@@ -327,7 +327,7 @@ watch(selectedWorkspace, (newVal, oldVal) => {
             content: "\F0403";
             color: $body-font-color-dark;
             transform: rotate(45deg);
-            opacity: .25;
+            opacity: 0.25;
             bottom: -8px;
             left: -4px;
             position: absolute;
diff --git a/src/renderer/components/WorkspaceAddConnectionPanel.vue b/src/renderer/components/WorkspaceAddConnectionPanel.vue
index f6c9bfcc..2338e407 100644
--- a/src/renderer/components/WorkspaceAddConnectionPanel.vue
+++ b/src/renderer/components/WorkspaceAddConnectionPanel.vue
@@ -560,7 +560,7 @@ setTimeout(() => {
 .connection-panel {
   margin-left: auto;
   margin-right: auto;
-  margin-bottom: .5rem;
+  margin-bottom: 0.5rem;
   margin-top: 1.5rem;
 
   .panel {
diff --git a/src/renderer/components/WorkspaceEditConnectionPanel.vue b/src/renderer/components/WorkspaceEditConnectionPanel.vue
index 610506ce..2afd29f1 100644
--- a/src/renderer/components/WorkspaceEditConnectionPanel.vue
+++ b/src/renderer/components/WorkspaceEditConnectionPanel.vue
@@ -551,7 +551,7 @@ localConnection.value = JSON.parse(JSON.stringify(props.connection));
 .connection-panel {
   margin-left: auto;
   margin-right: auto;
-  margin-bottom: .5rem;
+  margin-bottom: 0.5rem;
   margin-top: 1.5rem;
 
   .panel {
diff --git a/src/renderer/components/WorkspaceQueryConsole.vue b/src/renderer/components/WorkspaceQueryConsole.vue
index 7f703ffe..570a1ab2 100644
--- a/src/renderer/components/WorkspaceQueryConsole.vue
+++ b/src/renderer/components/WorkspaceQueryConsole.vue
@@ -119,61 +119,62 @@ onMounted(() => {
 });
 </script>
 <style lang="scss" scoped>
-.query-console-wrapper{
-   width: 100%;
-   z-index: 9;
-   margin-top: auto;
-   position: absolute;
-   bottom: 0;
+.query-console-wrapper {
+  width: 100%;
+  z-index: 9;
+  margin-top: auto;
+  position: absolute;
+  bottom: 0;
 
-   .query-console-resizer{
-      height: 4px;
-      top: -1px;
-      width: 100%;
-      cursor: ns-resize;
-      position: absolute;
-      z-index: 99;
-      transition: background 0.2s;
+  .query-console-resizer {
+    height: 4px;
+    top: -1px;
+    width: 100%;
+    cursor: ns-resize;
+    position: absolute;
+    z-index: 99;
+    transition: background 0.2s;
 
-      &:hover {
-         background: rgba($primary-color, 50%);
+    &:hover {
+      background: rgba($primary-color, 50%);
+    }
+  }
+
+  .query-console {
+    padding: 0;
+    padding-bottom: $footer-height;
+
+    .query-console-header {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding: 4px;
+      font-weight: 700;
+    }
+
+    .query-console-body {
+      overflow: auto;
+      display: flex;
+      flex-direction: column;
+      max-height: 100%;
+      padding: 0 6px 3px;
+
+      .query-console-log {
+        padding: 1px 3px;
+        margin: 1px 0;
+        border-radius: $border-radius;
+
+        .query-console-log-sql {
+          font-size: 95%;
+          opacity: 0.8;
+          font-weight: 700;
+
+          &:hover {
+            user-select: text;
+          }
+        }
       }
-   }
-
-   .query-console {
-      padding: 0;
-      padding-bottom: $footer-height;
-      .query-console-header {
-         display: flex;
-         justify-content: space-between;
-         align-items: center;
-         padding: 4px;
-         font-weight: 700;
-      }
-
-      .query-console-body {
-         overflow: auto;
-         display: flex;
-         flex-direction: column;
-         max-height: 100%;
-         padding: 0 6px 3px;
-
-         .query-console-log {
-            padding: 1px 3px;
-            margin: 1px 0;
-            border-radius: $border-radius;
-
-            .query-console-log-sql {
-               font-size: 95%;
-               opacity: .8;
-               font-weight: 700;
-               &:hover {
-                  user-select: text;
-               }
-            }
-         }
-      }
-   }
-
+    }
+  }
 }
 </style>
diff --git a/src/renderer/scss/_variables.scss b/src/renderer/scss/_variables.scss
index 19da6c0e..aa024091 100644
--- a/src/renderer/scss/_variables.scss
+++ b/src/renderer/scss/_variables.scss
@@ -28,13 +28,14 @@ $settingbar-width: 3rem;
 $explorebar-width: 14rem;
 $footer-height: 1.5rem;
 
-@function get-excluding-size(){
-   @if $platform == linux{
-      @return $footer-height;
-   }
-   @else {
-      @return $footer-height + $titlebar-height;
-   }
+@function get-excluding-size() {
+  @if $platform == linux {
+    @return $footer-height;
+  }
+
+  @else {
+    @return $footer-height + $titlebar-height;
+  }
 }
 
 $excluding-size: get-excluding-size();
diff --git a/src/renderer/scss/main.scss b/src/renderer/scss/main.scss
index 05fae1e7..ce732073 100644
--- a/src/renderer/scss/main.scss
+++ b/src/renderer/scss/main.scss
@@ -362,8 +362,9 @@ option:checked {
 .accordion-body {
   max-height: 5000rem !important;
 }
+
 .btn {
-  &:focus{
+  &:focus {
     box-shadow: 0 0 3px 1px rgba($primary-color, 90%);
   }
 
diff --git a/src/renderer/scss/themes/dark-theme.scss b/src/renderer/scss/themes/dark-theme.scss
index b637223f..28e1afb8 100644
--- a/src/renderer/scss/themes/dark-theme.scss
+++ b/src/renderer/scss/themes/dark-theme.scss
@@ -256,7 +256,7 @@
     }
   }
 
-  .connection-block{  
+  .connection-block {
     &:hover {
       background: $bg-color-light-dark;
     }
@@ -308,13 +308,13 @@
   .query-console {
     border-top: 1px solid #444;
     background-color: $bg-color-dark;
-    
+
     .query-console-log {
       &:hover,
       &:focus {
-         background: $bg-color-gray;
+        background: $bg-color-gray;
       }
-   }
+    }
   }
 
   .tile {
diff --git a/src/renderer/scss/themes/light-theme.scss b/src/renderer/scss/themes/light-theme.scss
index 9bc788b0..55fad7aa 100644
--- a/src/renderer/scss/themes/light-theme.scss
+++ b/src/renderer/scss/themes/light-theme.scss
@@ -131,13 +131,13 @@
   .query-console {
     border-top: 1px solid darken($bg-color-light-gray, 15%);
     background-color: $bg-color-light;
-    
+
     .query-console-log {
       &:hover,
       &:focus {
-         background: $bg-color-light-gray;
+        background: $bg-color-light-gray;
       }
-   }
+    }
   }
 
   #titlebar {
@@ -234,7 +234,7 @@
 
         .table-size {
           opacity: 0.4;
-          
+
           &:hover {
             opacity: 1;
           }
@@ -290,8 +290,8 @@
       background: rgba($bg-color-light-gray, 100%);
     }
   }
-  
-  .connection-block{  
+
+  .connection-block {
     &:hover {
       background: $bg-color-light-gray;
     }