diff --git a/frontend/resources/styles/common/refactor/basic-rules.scss b/frontend/resources/styles/common/refactor/basic-rules.scss
index 0a257da60..f057974d0 100644
--- a/frontend/resources/styles/common/refactor/basic-rules.scss
+++ b/frontend/resources/styles/common/refactor/basic-rules.scss
@@ -32,6 +32,12 @@
     background: var(--text-editor-selection-background-color);
     color: var(--text-editor-selection-foreground-color);
   }
+
+  ::placeholder,
+  ::-webkit-input-placeholder {
+    @include bodySmallTypography;
+    color: var(--input-placeholder-color);
+  }
 }
 
 // BUTTONS
@@ -39,7 +45,7 @@
   @include buttonStyle;
   @include flexCenter;
   @include focusPrimary;
-  @include uppercaseTitleTipography;
+  @include headlineSmallTypography;
   background-color: var(--button-primary-background-color-rest);
   border: $s-1 solid var(--button-primary-border-color-rest);
   color: var(--button-primary-foreground-color-rest);
@@ -303,7 +309,7 @@
 }
 
 .input-label {
-  @include uppercaseTitleTipography;
+  @include headlineSmallTypography;
   @include flexCenter;
   width: $s-20;
   padding-left: $s-8;
@@ -401,6 +407,7 @@
     background-color: var(--input-background-color);
   }
   ::placeholder {
+    @include bodySmallTypography;
     color: var(--input-placeholder-color);
   }
   &:hover {
diff --git a/frontend/src/app/main/ui/components/tab_container.scss b/frontend/src/app/main/ui/components/tab_container.scss
index 86ac4c4f3..7c9b08b52 100644
--- a/frontend/src/app/main/ui/components/tab_container.scss
+++ b/frontend/src/app/main/ui/components/tab_container.scss
@@ -28,7 +28,7 @@
     width: 100%;
     .tab-container-tab-title {
       @include flexCenter;
-      @include uppercaseTitleTipography;
+      @include headlineSmallTypography;
       height: 100%;
       width: 100%;
       padding: 0 $s-8;
diff --git a/frontend/src/app/main/ui/components/title_bar.scss b/frontend/src/app/main/ui/components/title_bar.scss
index 43de2b42c..c6882c4e0 100644
--- a/frontend/src/app/main/ui/components/title_bar.scss
+++ b/frontend/src/app/main/ui/components/title_bar.scss
@@ -19,7 +19,7 @@
 .title,
 .title-only,
 .inspect-title {
-  @include uppercaseTitleTipography;
+  @include headlineSmallTypography;
   display: grid;
   align-items: center;
   justify-content: flex-start;
diff --git a/frontend/src/app/main/ui/workspace/libraries.scss b/frontend/src/app/main/ui/workspace/libraries.scss
index 79c12bf94..761d47efa 100644
--- a/frontend/src/app/main/ui/workspace/libraries.scss
+++ b/frontend/src/app/main/ui/workspace/libraries.scss
@@ -6,7 +6,7 @@
 
 @import "refactor/common-refactor.scss";
 
-// Library
+// Library modal
 .modal-overlay {
   @extend .modal-overlay-base;
 }
@@ -122,8 +122,8 @@
 }
 
 .section-title {
-  @include bodyLargeTypography;
-  color: var(--modal-title-foreground-color);
+  @include headlineSmallTypography;
+  color: var(--title-foreground-color);
   margin-bottom: $s-12;
 }
 
@@ -226,7 +226,7 @@
 
 .item-update {
   @extend .button-primary;
-  @include uppercaseTitleTipography;
+  @include headlineSmallTypography;
   height: $s-32;
   min-width: $s-92;
   padding: $s-8 $s-24;
@@ -238,7 +238,7 @@
 }
 
 .item-contents {
-  @include bodyLargeTypography;
+  @include bodyMediumTypography;
   color: var(--library-content-foreground-color);
   display: flex;
   flex-wrap: wrap;
@@ -310,6 +310,6 @@
 
 .primary-button {
   @extend .button-primary;
-  @include uppercaseTitleTipography;
+  @include headlineSmallTypography;
   padding: $s-0 $s-16;
 }