diff --git a/distro/changelog.xml b/distro/changelog.xml
index f6d93c9..c6554e1 100644
--- a/distro/changelog.xml
+++ b/distro/changelog.xml
@@ -1,6 +1,8 @@
 <ReleaseNotes>
 	<Changeset component="org.gcube.portlets-widgets.image-previewer-widget.1-1-0"	date="2016-04-02">
 		<Change>Removed GWT Standard css</Change>
+		<Change>Style changes</Change>
+		<Change>Responsive widget</Change>
 	</Changeset>
 	<Changeset component="org.gcube.portlets-widgets.image-previewer-widget.1-0-0"	date="2016-01-22">
 		<Change>First Release</Change>
diff --git a/src/main/java/org/gcube/portlets/widgets/imagepreviewerwidget/client/ui/Carousel.java b/src/main/java/org/gcube/portlets/widgets/imagepreviewerwidget/client/ui/Carousel.java
index 923e624..543f3fd 100644
--- a/src/main/java/org/gcube/portlets/widgets/imagepreviewerwidget/client/ui/Carousel.java
+++ b/src/main/java/org/gcube/portlets/widgets/imagepreviewerwidget/client/ui/Carousel.java
@@ -101,8 +101,8 @@ public class Carousel extends Composite{
 		commands.setCellHorizontalAlignment(nextButton, HorizontalPanel.ALIGN_RIGHT);
 		
 		// set sizes
-		downloadButton.setWidth("80px");
-		closeButton.setWidth("80px");
+		downloadButton.setWidth("90px");
+		closeButton.setWidth("90px");
 		downloadButtonSmart.setWidth("15px");
 		closeButtonSmart.setWidth("15px");
 		
@@ -300,8 +300,8 @@ public class Carousel extends Composite{
 		shownImage.setTitle(listOfAttachmentsToShow.get(currentPreviewPosition).getToolTipToShow());
 
 		// change the title to the modal
-		String shownTitle = listOfAttachmentsToShow.get(currentPreviewPosition).getTitleToShow().length() > 40 ?
-				listOfAttachmentsToShow.get(currentPreviewPosition).getTitleToShow().substring(0, 40) + "..." :
+		String shownTitle = listOfAttachmentsToShow.get(currentPreviewPosition).getTitleToShow().length() > 50 ?
+				listOfAttachmentsToShow.get(currentPreviewPosition).getTitleToShow().substring(0, 50) + "..." :
 					listOfAttachmentsToShow.get(currentPreviewPosition).getTitleToShow();
 		mainModalPanel.setTitle(shownTitle);
 		
diff --git a/src/main/java/org/gcube/portlets/widgets/imagepreviewerwidget/client/ui/Carousel.ui.xml b/src/main/java/org/gcube/portlets/widgets/imagepreviewerwidget/client/ui/Carousel.ui.xml
index a7ffa18..95d62c9 100644
--- a/src/main/java/org/gcube/portlets/widgets/imagepreviewerwidget/client/ui/Carousel.ui.xml
+++ b/src/main/java/org/gcube/portlets/widgets/imagepreviewerwidget/client/ui/Carousel.ui.xml
@@ -13,12 +13,12 @@
 
 				<g:HorizontalPanel ui:field="commands" styleName="command-container">
 					<b:Button title="Previous" ui:field="prevButton"
-						styleName="arrow"></b:Button>
+						styleName="arrow-left"></b:Button>
 						<b:Button  title="Download" ui:field="downloadButtonSmart"></b:Button>
 						<b:Button  title="Close" ui:field="closeButtonSmart"></b:Button>
 					<b:Button title="Download" ui:field="downloadButton">Download</b:Button>
 					<b:Button title="Close" ui:field="closeButton">Close</b:Button>
-					<b:Button title="Next" ui:field="nextButton" styleName="arrow"></b:Button>
+					<b:Button title="Next" ui:field="nextButton" styleName="arrow-right"></b:Button>
 				</g:HorizontalPanel>
 			</g:HTMLPanel>
 		</b:Modal>
diff --git a/src/main/webapp/ImagePreviewer.css b/src/main/webapp/ImagePreviewer.css
index 3e635aa..d5c3c1f 100644
--- a/src/main/webapp/ImagePreviewer.css
+++ b/src/main/webapp/ImagePreviewer.css
@@ -69,8 +69,16 @@
 	width: auto;
 }
 
-.arrow {
-	color: white;
+.arrow-left{
+	color: gray!important;
+}
+
+.arrow-left:hover{
+	color: white!important;
+}
+
+.arrow-right{
+	color: white!important;
 }
 
 .modal-body {