diff --git a/assets/scss/components/code-highlight.scss b/assets/scss/components/code-highlight.scss
index 7a87645..970e738 100644
--- a/assets/scss/components/code-highlight.scss
+++ b/assets/scss/components/code-highlight.scss
@@ -3,7 +3,7 @@ $ht-code-border-radius: .4em;
     width: 55%;
     overflow-x: scroll;
     border-radius: $ht-code-border-radius;
-    
+
     &>div.chroma>table.lntable{
         margin: $ht-code-border-radius 0 $ht-code-border-radius 0;
         & td:first-of-type {
@@ -28,7 +28,7 @@ $ht-code-border-radius: .4em;
         // border-radius: $ht-code-border-radius / 2;
         display: block;
     }
-    
+
     &::-webkit-scrollbar {
         border-radius: $ht-code-border-radius;
         width: 10px;
@@ -39,6 +39,12 @@ $ht-code-border-radius: .4em;
     }
 }
 
+@media screen and (max-width: 760px) {
+    .highlight {
+        width: 90%;
+    }
+}
+
 .highlight .lntable {
     overflow: initial;
 }