diff --git a/src/components/Blockly/msg/de.js b/src/components/Blockly/msg/de.js
index 038843a..7974c65 100644
--- a/src/components/Blockly/msg/de.js
+++ b/src/components/Blockly/msg/de.js
@@ -1016,5 +1016,12 @@ Blockly.Msg.navbar_account = "Konto"
 Blockly.Msg.navbar_logout = "Abmelden"
 Blockly.Msg.navbar_settings = "Einstellungen"
 
+/**
+ * Codeviewer
+ */
+
+Blockly.Msg.codeviewer_arduino = "Arduino Quellcode"
+Blockly.Msg.codeviewer_xml = "XML Blöcke"
+
 
 export const De = Blockly.Msg;
diff --git a/src/components/Blockly/msg/en.js b/src/components/Blockly/msg/en.js
index a0a2724..e7ca221 100644
--- a/src/components/Blockly/msg/en.js
+++ b/src/components/Blockly/msg/en.js
@@ -983,4 +983,8 @@ Blockly.Msg.navbar_account = "Account"
 Blockly.Msg.navbar_logout = "Logout"
 Blockly.Msg.navbar_settings = "Settings"
 
+
+Blockly.Msg.codeviewer_arduino = "Arduino Source Code"
+Blockly.Msg.codeviewer_xml = "XML Blocks"
+
 export const En = Blockly.Msg;
diff --git a/src/components/CodeViewer.js b/src/components/CodeViewer.js
index 35a972a..dd41fc4 100644
--- a/src/components/CodeViewer.js
+++ b/src/components/CodeViewer.js
@@ -13,6 +13,7 @@ import MuiAccordion from '@material-ui/core/Accordion';
 import MuiAccordionSummary from '@material-ui/core/AccordionSummary';
 import MuiAccordionDetails from '@material-ui/core/AccordionDetails';
 import { Card } from '@material-ui/core';
+import * as Blockly from 'blockly'
 
 
 const Accordion = withStyles((theme) => ({
@@ -94,7 +95,7 @@ class CodeViewer extends Component {
         >
           <AccordionSummary>
             <b style={{ fontSize: '20px', marginRight: '5px', width: '35px' }}>{curlyBrackets}</b>
-            <div style={{ margin: 'auto 5px 2px 0px' }}>Arduino Quellcode</div>
+            <div style={{ margin: 'auto 5px 2px 0px' }}>{Blockly.Msg.codeviewer_arduino}</div>
           </AccordionSummary>
           <AccordionDetails style={{ padding: 0, height: `calc(${this.state.componentHeight} - 50px - 50px)`, backgroundColor: 'white' }}>
             <pre className="line-numbers" style={{ paddingBottom: 0, width: '100%', overflow: 'auto', scrollbarWidth: 'thin', height: 'calc(100% - 30px)', margin: '15px 0', paddingTop: 0, whiteSpace: 'pre-wrap', backgroundColor: 'white' }}>
@@ -112,7 +113,7 @@ class CodeViewer extends Component {
         >
           <AccordionSummary>
             <b style={{ fontSize: '20px', marginRight: '5px', width: '35px' }}>{unequal}</b>
-            <div style={{ margin: 'auto 5px 2px 0px' }}>XML Blöcke</div>
+            <div style={{ margin: 'auto 5px 2px 0px' }}>{Blockly.Msg.codeviewer_xml}</div>
           </AccordionSummary>
           <AccordionDetails style={{ padding: 0, height: `calc(${this.state.componentHeight} - 50px - 50px)`, backgroundColor: 'white' }}>
             <pre className="line-numbers" style={{ paddingBottom: 0, width: '100%', overflow: 'auto', scrollbarWidth: 'thin', height: 'calc(100% - 30px)', margin: '15px 0', paddingTop: 0, whiteSpace: 'pre-wrap', backgroundColor: 'white' }}>