diff --git a/frontend/src/app/main/ui/components/code_block.scss b/frontend/src/app/main/ui/components/code_block.scss
index 7b44c702ae..5f28cd4624 100644
--- a/frontend/src/app/main/ui/components/code_block.scss
+++ b/frontend/src/app/main/ui/components/code_block.scss
@@ -4,9 +4,11 @@
 //
 // Copyright (c) KALEIDOS INC
 
+@use "../ds/typography.scss" as t;
 @import "refactor/common-refactor.scss";
 
 .code-display {
+  @include t.use-typography("code-font");
   user-select: text;
   border-radius: $br-8;
   margin-top: $s-8;
diff --git a/frontend/src/app/main/ui/workspace/tokens/modals/export.scss b/frontend/src/app/main/ui/workspace/tokens/modals/export.scss
index f38db8616a..922e8c403d 100644
--- a/frontend/src/app/main/ui/workspace/tokens/modals/export.scss
+++ b/frontend/src/app/main/ui/workspace/tokens/modals/export.scss
@@ -38,6 +38,7 @@
   flex-direction: column;
   gap: var(--sp-m);
   padding-top: var(--sp-m);
+  max-width: calc(var(--modal-width) - var(--modal-padding) * 2);
 }
 
 .preview-label {
@@ -79,8 +80,10 @@
   flex-grow: 1;
   overflow: hidden;
   text-overflow: ellipsis;
+  padding: var(--sp-xs);
+  overflow: hidden;
+  text-overflow: ellipsis;
   white-space: nowrap;
-  padding: var(--sp-s);
 }
 
 .export-actions {
@@ -108,7 +111,6 @@
   overflow-x: auto;
   word-wrap: normal;
   white-space: pre;
-  max-width: calc(var(--modal-width) - var(--modal-padding) * 2);
 }
 
 .disabled-message {