diff --git a/src/css_composer/view/CssRuleView.js b/src/css_composer/view/CssRuleView.ts
similarity index 73%
rename from src/css_composer/view/CssRuleView.js
rename to src/css_composer/view/CssRuleView.ts
index ad5acf13f..e614266ed 100644
--- a/src/css_composer/view/CssRuleView.js
+++ b/src/css_composer/view/CssRuleView.ts
@@ -1,11 +1,16 @@
 import { View } from '../../common';
+import CssRule from '../model/CssRule';
 
-export default class CssRuleView extends View {
+export default class CssRuleView extends View<CssRule> {
+  config: any;
+
+  // @ts-ignore
   tagName() {
     return 'style';
   }
 
-  initialize(o = {}) {
+  constructor(o: any = {}) {
+    super(o);
     this.config = o.config || {};
     const { model } = this;
     this.listenTo(model, 'change', this.render);