diff --git a/src/App.css b/src/App.css
index c906927..f5d2f2f 100644
--- a/src/App.css
+++ b/src/App.css
@@ -9,6 +9,10 @@
   cursor: crosshair;
 }
 
+.frame .name {
+  text-align: center;
+}
+
 .title {
   color: #fff;
 }
diff --git a/src/App.js b/src/App.js
index 13a0e5c..1ca89b9 100644
--- a/src/App.js
+++ b/src/App.js
@@ -3,7 +3,6 @@ import './App.css';
 import {
   Columns,
   Heading,
-  Media,
 } from 'react-bulma-components';
 
 
@@ -186,7 +185,7 @@ class App extends React.Component {
       });
 
       images = imageMetadata.map((metadata) => {
-        let {name, size, ratio, image} = metadata;
+        let {name, ratio, image} = metadata;
         let width = 256;
         let height = (ratio * width).toFixed();
         let url = ROOT + image + '?t=' + timestamp;
@@ -215,7 +214,7 @@ class App extends React.Component {
             onWheel={mouseScroll}
             className="frame"
              style={{backgroundImage: 'url("' + url + '")', ...style}}>
-            <p>{name}</p>
+            <p className="name">{name}</p>
         </div>)
       });
       mainContent = <div>