diff --git a/core/src/components/base/HelpTip.scss b/core/src/components/base/HelpTip.scss
index 2f1816c7..9b13ca4a 100644
--- a/core/src/components/base/HelpTip.scss
+++ b/core/src/components/base/HelpTip.scss
@@ -13,7 +13,7 @@
   padding: 0 50px;
   min-height: 100px;
 
-  color: var(--fr-cr-placholder);
+  color: var(--fr-cr-placeholder);
 
   @include codeAndKBD;
   @keyframes short {
@@ -81,7 +81,7 @@
       border: none;
       border-radius: 2px;
       background-color: transparent;
-      color: var(--fr-cr-placholder);
+      color: var(--fr-cr-placeholder);
 
       cursor: pointer;
       user-select: none;
diff --git a/core/src/components/base/List.scss b/core/src/components/base/List.scss
index 8446653c..5db02c74 100644
--- a/core/src/components/base/List.scss
+++ b/core/src/components/base/List.scss
@@ -53,7 +53,7 @@
         cursor: pointer;
         transition: .1s;
         &::before {
-          color: var(--fr-cr-placholder);
+          color: var(--fr-cr-placeholder);
         }
         &:hover::before {
           color: var(--fr-cr);
@@ -132,7 +132,7 @@
         color: var(--primary-active-fc);
       }
       .ppd-list-item__placeholder {
-        color: var(--primary-active-placholder);
+        color: var(--primary-active-placeholder);
       }
     }
     &:focus, &:focus-visible {
@@ -210,7 +210,7 @@
       }
     }
     &__placeholder {
-      color: var(--fr-cr-placholder);
+      color: var(--fr-cr-placeholder);
     }
   }
   &:not(&--contain-icon) {
diff --git a/core/src/components/base/List.share.scss b/core/src/components/base/List.share.scss
index 62465454..dd50fc2d 100644
--- a/core/src/components/base/List.share.scss
+++ b/core/src/components/base/List.share.scss
@@ -4,7 +4,7 @@
     padding: 0 4px;
     margin-right: 2px;
     border-radius: 4px;
-    border: 1px solid var(--fr-cr-placholder);
+    border: 1px solid var(--fr-cr-placeholder);
     background-color: var(--bg-cr);
   }
   kbd {
@@ -28,7 +28,7 @@
     margin-top: 5px;
     font-size: 12px;
     padding-bottom: 2px;
-    color: var(--fr-cr-placholder);
+    color: var(--fr-cr-placeholder);
     @include codeAndKBD;
   }
 }
diff --git a/core/src/components/base/ListHelpDialog.scss b/core/src/components/base/ListHelpDialog.scss
index e1de2dcb..5d9518e6 100644
--- a/core/src/components/base/ListHelpDialog.scss
+++ b/core/src/components/base/ListHelpDialog.scss
@@ -82,7 +82,7 @@
       html[theme-mode=dark] & {
         opacity: .8;
       }
-      border-bottom: 1px solid var(--fr-cr-placholder);
+      border-bottom: 1px solid var(--fr-cr-placeholder);
 
       font-size: 15px;
 
diff --git a/core/src/components/base/Tooltip.scss b/core/src/components/base/Tooltip.scss
index 8d8dc0af..a5af2b36 100644
--- a/core/src/components/base/Tooltip.scss
+++ b/core/src/components/base/Tooltip.scss
@@ -1,5 +1,5 @@
 .ppd-tooltip {
-  &-placehoder {
-    color: var(--fr-cr-placholder);
+  &-placeholder {
+    color: var(--fr-cr-placeholder);
   }
 }
diff --git a/core/src/plugins/outputs/Run.tsx b/core/src/plugins/outputs/Run.tsx
index dadef6ad..35d83283 100644
--- a/core/src/plugins/outputs/Run.tsx
+++ b/core/src/plugins/outputs/Run.tsx
@@ -15,7 +15,7 @@ export const Run: React.ComponentType<BarItemProps> = () => {
     </>}
     offset={[0, 6]}
     >
-    <button className='excute'
+    <button className='execute'
             // @ts-ignore
             style={{ '--btn-color': '#4eb03e' }}
             onClick={() => elBridgeP.send('run')}>
diff --git a/src/main.scss b/src/main.scss
index f13003d7..8d56c4d0 100644
--- a/src/main.scss
+++ b/src/main.scss
@@ -24,13 +24,13 @@ body {
   --primary-active: #365eb444;
   --primary-active-border: #365eb4cc;
   --primary-active-fc: color-mix(in srgb, var(--fr-cr), var(--primary) 20%);
-  --primary-active-placholder: rgba(255, 255, 255, 0.6);
+  --primary-active-placeholder: rgba(255, 255, 255, 0.6);
 
   --border-color: #ddd;
   --shadow-color: #9995;
 
   --fr-cr: rgba(0, 0, 0, 0.9);
-  --fr-cr-placholder: rgba(0, 0, 0, 0.26);
+  --fr-cr-placeholder: rgba(0, 0, 0, 0.26);
   // TODO replace to --primary-active-fc
   --pr-fr-cr: #fff;
   --bg-cr: #efefef;
@@ -49,13 +49,13 @@ body {
 
     --primary-active: #263c6eaa;
     --primary-active-fc: rgba(230, 230, 230, 0.9);
-    --primary-active-placholder: rgba(140, 140, 140, 0.6);
+    --primary-active-placeholder: rgba(140, 140, 140, 0.6);
 
     --border-color: #333333;
     --shadow-color: #0008;
 
     --fr-cr: rgba(255, 255, 255, 0.9);
-    --fr-cr-placholder: rgba(255, 255, 255, 0.26);
+    --fr-cr-placeholder: rgba(255, 255, 255, 0.26);
 
     --bg-cr: #242424;
     --bg-cr-o0: #24242488;