Fixing syntax highlighting for code

src/pages/index.js

@@ -226,7 +226,7 @@ export const query = graphql`
           featured_media {
             localFile {
               childImageSharp {
-                resolutions(width: 600, height: 300) {
+                resolutions(width: 700, height: 300) {
                   src
                   width
                   height

src/templates/post-default.js

@@ -2,7 +2,7 @@ import React, { Component } from 'react'
 import Helmet from 'react-helmet'
 import Prism from 'prismjs'
 
-require('prismjs/themes/prism-solarizedlight.css')
+require('prismjs/themes/prism-tomorrow.css')
 
 import PageTransition from 'gatsby-plugin-page-transitions'
 import MessengerCustomerChat from 'react-messenger-customer-chat'
@@ -12,6 +12,9 @@ class PostDefault extends Component {
   componentDidMount() {
     Prism.highlightAll()
   }
+  componentDidUpdate() {
+    Prism.highlightAll()
+  }
   render() {
     const { data } = this.props
     return (