diff --git a/css/main.css b/css/main.css
index ce61759..26c00cd 100644
--- a/css/main.css
+++ b/css/main.css
@@ -27,13 +27,13 @@
   background: #2d2d2d;
 }
 .preview .terminal-preview {
-  background: #1a1a1a;
-  border-radius: 8px;
-  padding: 1.5rem;
-  font-family: "Fira Code", "Courier New", monospace;
-  font-size: 14px;
+  font-family: "IosevkaTermSlab Nerd Font Mono", "Fira Code", "Courier New", monospace;
   color: #e0e0e0;
-  height: 300px;
+  background: #1a1a1a;
+  font-size: 14px;
+  height: 4rem;
+  padding: 1.5rem;
+  border-radius: 8px;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
 }
 
diff --git a/scss/_footer.scss b/scss/_footer.scss
index 530e002..b331c62 100644
--- a/scss/_footer.scss
+++ b/scss/_footer.scss
@@ -1,3 +1,5 @@
+@use 'vars' as *;
+
 .footer {
   position: fixed;
   bottom: 0;
diff --git a/scss/_preview.scss b/scss/_preview.scss
index 992ef04..ed76dd3 100644
--- a/scss/_preview.scss
+++ b/scss/_preview.scss
@@ -1,3 +1,5 @@
+@use 'vars' as *;
+
 .preview {
   margin-left: $sidebar-width;
   padding: 2rem;
@@ -6,13 +8,13 @@
   background: $bg-light;
 
   .terminal-preview {
-    background: $bg-dark;
-    border-radius: 8px;
-    padding: 1.5rem;
-    font-family: 'Fira Code', 'Courier New', monospace;
-    font-size: 14px;
+    font-family: 'IosevkaTermSlab Nerd Font Mono', 'Fira Code', 'Courier New', monospace;
     color: $text-color;
-    height: 300px;
+    background: $bg-dark;
+    font-size: 14px;
+    height: 4rem;
+    padding: 1.5rem;
+    border-radius: 8px;
     //width: 100%;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
   }
diff --git a/scss/_sidebar.scss b/scss/_sidebar.scss
index a47abad..9625a7c 100644
--- a/scss/_sidebar.scss
+++ b/scss/_sidebar.scss
@@ -1,3 +1,5 @@
+@use 'vars' as *;
+
 .sidebar {
   width: $sidebar-width;
   height: calc(100vh - $footer-height);
diff --git a/scss/main.scss b/scss/main.scss
index d2deb55..e75caae 100644
--- a/scss/main.scss
+++ b/scss/main.scss
@@ -1,7 +1,7 @@
-@import 'vars';
-@import 'sidebar';
-@import 'preview';
-@import 'footer';
+@use 'vars' as *;
+@use 'sidebar';
+@use 'preview';
+@use 'footer';
 
 * {
   margin: 0;