diff --git a/mods/code-line-numbers/app.css b/mods/code-line-numbers/app.css
index 7e67f48..9a1bb3a 100644
--- a/mods/code-line-numbers/app.css
+++ b/mods/code-line-numbers/app.css
@@ -13,12 +13,15 @@
   padding-left: 48px !important;
 }
 #code-line-numbers {
-  font-size: var(--theme--font_code-size) !important;
-  font-family: var(--theme--font_code) !important;
+  font-size: var(--theme--font_code-size);
+  font-family: var(--theme--font_code);
   color: var(--theme--text_ui_info);
+  background: var(--theme--code-background);
   text-align: right;
   position: absolute;
-  right: calc(100% - 30px);
+  left: 0;
+  right: calc(100% - 48px);
+  padding-right: 18px;
   overflow: hidden;
   pointer-events: none;
 }
diff --git a/mods/code-line-numbers/mod.js b/mods/code-line-numbers/mod.js
index f6e3dd1..3d19aa5 100644
--- a/mods/code-line-numbers/mod.js
+++ b/mods/code-line-numbers/mod.js
@@ -14,7 +14,7 @@ module.exports = {
   tags: ['extension'],
   name: 'code line numbers',
   desc: 'adds line numbers to code blocks.',
-  version: '1.1.0',
+  version: '1.1.1',
   author: 'CloudHill',
   options: [
     {