diff --git a/frontend/app/gallery/directory/directory.gallery.component.css b/frontend/app/gallery/directory/directory.gallery.component.css
index 19d224e..7d51b81 100644
--- a/frontend/app/gallery/directory/directory.gallery.component.css
+++ b/frontend/app/gallery/directory/directory.gallery.component.css
@@ -4,12 +4,11 @@ a {
 
 .photo-container {
     border: 2px solid #333;
-    width: 150px;
-    height: 150px;
+  width: 180px;
+  height: 180px;
 
     background-color: #bbbbbb;
 }
-
 .no-image {
 
     color: #7f7f7f;
@@ -49,4 +48,9 @@ a:hover .info {
 
 a:hover .photo-container {
     border-color: #000;
-}
\ No newline at end of file
+}
+
+.directory-name {
+  width: 180px;
+  white-space: normal;
+}
diff --git a/frontend/app/gallery/directory/directory.gallery.component.html b/frontend/app/gallery/directory/directory.gallery.component.html
index b947544..2b34a20 100644
--- a/frontend/app/gallery/directory/directory.gallery.component.html
+++ b/frontend/app/gallery/directory/directory.gallery.component.html
@@ -14,7 +14,7 @@
   </div>
   <!--Info box -->
   <div #info class="info">
-    <div class="photo-name">{{directory.name}}</div>
+    <div class="directory-name">{{directory.name}}</div>
 
   </div>
 </a>
diff --git a/frontend/app/gallery/gallery.component.css b/frontend/app/gallery/gallery.component.css
index e00c8b4..e8f7df1 100644
--- a/frontend/app/gallery/gallery.component.css
+++ b/frontend/app/gallery/gallery.component.css
@@ -10,3 +10,8 @@ gallery-map {
   margin-right: 2px;
   margin-left: 2px;
 }
+
+gallery-directory {
+  margin: 2px;
+  display: inline-block;
+}